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

如何点击某链接后,使该连接的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标签里边

查看更多 下一篇