怎么点击某链接后,使该连接的class改变
日期：2014-05-16 浏览次数：20552 次
如何点击某链接后,使该连接的class改变
点击导航菜单后, 当前选中的菜单项的class值为"home"
具体效果可参见www.leedsren.com，我希望点击哪个栏目，该栏目就会显示hover的效果，目前是鼠标一移开就没有了。如果点击的带有二级菜单，点击完后，二级菜单应该保持显示。
导航菜单的js代码如下：
本人不大懂js，这个js是原来就有的。css方面已经设置好了，只要当前的菜单项的class=“home”，就能出效果，与hover一样。
------解决方案--------------------
或者为了达到效果你改变背景色
function changeback(obj1){
//单击的时候
obj1.style.background="#F56789";//your.gif是你的图片的名字
}
把这个事件加在li标签里边
点击导航菜单后, 当前选中的菜单项的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标签里边
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
