怎么点击某链接后,使该连接的class改变-JavaSript-爱易网页

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

日期：2014-05-16　浏览次数：20463 次

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