js应用例子—导航栏子菜单

Posted 2020-10-17 FTHeD

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js应用例子—导航栏子菜单相关的知识，希望对你有一定的参考价值。

*{ margin:0px auto; padding:0px;}先做出5个导航栏。每个导航栏下面做个DIV。这个div宽度高度设置为0.在套一个div。这里面做子菜单，然后把子菜单移动到每个导航栏下面

（用relative定位），设置隐藏，display:none;

给每个导航栏做鼠标移上事件。var menu=document.getElementsByClassname("menu");

for( i=0;i<menu.length;i++){ menu[i].onmouseover=function(){ this.nextSibling.nextSibling.style.display="block"}}

for( i=0;i<menu.length;i++){ menu[i].onmouseout=function(){ this.nextSibling.nextSibling.style.display="none"}}

找当前菜单用this，当前菜单子菜单this.nextSibling

以上是关于js应用例子—导航栏子菜单的主要内容，如果未能解决你的问题，请参考以下文章