关于html导航菜单的问题
发布网友
发布时间：2022-04-30 17:53
共2个回答
热心网友
时间：2022-06-28 17:48
var sfEls = document.getElementById("nav").getElementsByTagName("li");
//获得id为nav下的所有li标签对象组成的数组
for (var i=0; i<sfEls.length; i++) {//遍历数据并依照一下的4中方式处理
sfEls[i].onmouseover=function() {//当鼠标经过的时候事件
this.className+=(this.className.length>0? " ": "") + "sfhover";//如果原li存在class.赋予新的“class为原名”+" "+"sfhover",如果不存在则给class赋为"sfhover"
}
sfEls[i].onMouseDown=function() {//当鼠标按下的时候的事件
this.className+=(this.className.length>0? " ": "") + "sfhover";//同上；
}
sfEls[i].onMouseUp=function() {//当鼠标弹起的时候的时事件
this.className+=(this.className.length>0? " ": "") + "sfhover";//同上；
}
sfEls[i].onmouseout=function() {//当鼠标移开该li区域的时候的事件
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), //还原为鼠标移动到li上前的class
"");
}
}
}
热心网友
时间：2022-06-28 17:48
