正在回答 回答被采纳积分+1
2回答
任岩
2017-05-24 22:46:39
for(var m=0;m<menuItems.length;m++){
//给每一个menu-item定义data-index属性，作为索引
menuItems[m].setAttribute("data-index",m);
menuItems[m].onmouseover=function(){
subMenu.className="sub-menu";
var idx=this.getAttribute("data-index");
//遍历所有子菜单隐藏
for(var j=0;j<innerBox.length;j++){
innerBox[j].style.display='none';
menuItems[j].style.background="none";
}
menuItems[idx].style.background="rgba(0,0,0,0.1)";
innerBox[idx].style.display="block";
menu.onmouseout=function(){
subMenu.className="sub-menu hide";
menuItems[idx].style.background="none";
}
subMenu.onmouseover=function(){
this.className="sub-menu";
menuItems[idx].style.background="rgba(0,0,0,0.1)";
}
subMenu.onmouseout=function(){
this.className="sub-menu hide";
menuItems[idx].style.background="none";
}
}
}将菜单收展和背景色一起写在循环中。
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星