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