读书人

怎么点击某链接后,使该连接的class改变

发布时间: 2012-03-14 12:01:12 作者: rapoo

如何点击某链接后,使该连接的class改变
点击导航菜单后, 当前选中的菜单项的class值为"home"
具体效果可参见www.leedsren.com,我希望点击哪个栏目,该栏目就会显示hover的效果,目前是鼠标一移开就没有了。如果点击的带有二级菜单,点击完后,二级菜单应该保持显示。

导航菜单的js代码如下:

JScript code
function tabit(btn){    var idname = new String(btn.id);    var s = idname.indexOf("_");    var e = idname.lastIndexOf("_")+1;    var tabName = idname.substr(0, s);    var id = parseInt(idname.substr(e, 1));    var tabNumber = btn.parentNode.childNodes.length;    for(i=0;i<tabNumber;i++){            document.getElementById(tabName+"_div_"+i).style.display = "none";            document.getElementById(tabName+"_btn_"+i).className = "";        };        document.getElementById(tabName+"_div_"+id).style.display = "block";        btn.className = "home";};


本人不大懂js,这个js是原来就有的。css方面已经设置好了,只要当前的菜单项的class=“home”,就能出效果,与hover一样。


[解决办法]
或者为了达到效果你改变背景色
function changeback(obj1){
//单击的时候
obj1.style.background="#F56789";//your.gif是你的图片的名字
}
把这个事件加在li标签里边

读书人网 >JavaScript

热点推荐