在看文章的時候BLOG的菜單欄實在的太礙眼,我於是加了個按扭用來控制菜單的顯示和隱藏。這可以用javascript來實現,但是CSDN BLOG是不允許在配置中直接加入javascript的,但是我們可以將javascript加入到一張圖片onload事件裏執行。看我的就是加到計數計的圖片代碼裏了,效果看左上角。程序代碼如下:
var div=document.createElement('span');
document.body.insertAdjacentElement('beforeEnd',div);
div.style.cssText='position:absolute;display:block;top:42;left:2;width:90;height:20;color:green;background:yellow;border:2 outset;cursor:hand;';
div.innerText='<<收回菜單';
div.οnclick=function()
{
var isHide=(rightmenu.style.display=='none');
rightmenu.style.display=isHide?'block':'none';
div.innerText=isHide?'<<收回菜單':'展開菜單>>';
}
最後提醒大家在BLOG中加入腳本程序請慎重,如果不小心很容易導致程序出錯甚至頁面混亂。