鼠标离开主菜单子菜单隐藏的问题

首页课程实战体系课手记专栏慕课教程

鼠标离开主菜单子菜单隐藏的问题

来源：5-4 二级菜单的展开与收起

qq_企鹅飞啊飞shuai_0

2017-11-20 01:30:02

请问老师：课程里老师定义的主菜单高度几乎和main区域一样，为什么鼠标移开了主菜单的四个menu-item，但鼠标还在主菜单区域里子菜单也会隐藏？

写回答

1回答

normcore

2017-11-20

已采纳

var main_items=getId('menu_main').getElementsByClassName('menu_main_item')；
// 主菜单划过显示子菜单

main_items[k].onmouseover=function(){

for(var m=0;m<len1;m++){

inner_boxs[m].style.display="none";

}

//这里面不能直接使用k，这里的k是最终的值4，通过设置属性来解决 menu_sub.style.display="block";

innerX=this.getAttribute('morder'); inner_boxs[innerX].style.display="block";

}

// 主菜单离开，子菜单消失

main_items[k].onmouseout=function(){ menu_sub.style.display="none"; }

我们这里代码就是取的主菜单的四个menu_item来作为显示子菜单的凭证，因为是鼠标在四个menu_item上滑动就显示对应的子菜单，离开则整个子菜单就消失。因为即使鼠标在主菜单区域里，它没有与它呼应的子菜单，那子菜单自然不会显示的。

0 学习 · 36712 问题

相似问题

回答 1

回答 1

回答 2

回答 2

回答 1