BLOG技巧:給BLOG加一個控制菜單展開和收縮的按扭

在看文章的時候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中加入腳本程序請慎重,如果不小心很容易導致程序出錯甚至頁面混亂。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章