全球主机交流论坛

标题: 问一个菜单代码，默认要显示。 [打印本页]

作者: HKCPC 时间: 2017-4-14 11:48
标题: 问一个菜单代码，默认要显示。
  <UL>导航一
<li>连接1</li>
<li>连接1</li>
<li>连接1</li>
</UL>

  <UL>导航二
<li>连接2</li>
<li>连接2</li>
<li>连接2</li>
</UL>

  <UL>导航三
<li>连接3</li>
<li>连接3</li>
<li>连接3</li>
</UL>

<script>
var uls = document.getElementsByTagName('ul');
for(i=0;i<=uls.length;i++){
      uls[i].onmouseover=function(){
         var lis = this.getElementsByTagName('li');
         for(var i=0 ;i<lis.length;i++){
            lis[i].style.display='block';
         }
      }

      uls[i].onmouseout=function(){
         var lis = this.getElementsByTagName('li');
         for(var i=0 ;i<lis.length;i++){
            lis[i].style.display='none';
         }
      }
}
   </script>

网上看到这个，使用了很不错。代码简单。

现在问题是，怎么改代码，可以默认显示【导航一】里面的连接。

鼠标移到到【导航二】的时候，显示【导航二】的连接，同时隐藏【导航一】，当鼠标移动去其他地方，【导航二不会自动隐藏】

【其他地方是指，除了导航菜单的其他任何地方】

作者: qxwo 时间: 2017-4-14 11:54
bootstrap

作者: sora 时间: 2017-4-14 11:55
额, 自从用了jq之后js代码感觉都看不太懂了.

作者: HKCPC 时间: 2017-4-14 18:52
有没有大佬会的。

欢迎光临全球主机交流论坛 (https://sunk.eu.org/)