HKCPC 发表于 2017-4-14 11:48:05

问一个菜单代码，默认要显示。

<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.onmouseover=function(){
            var lis = this.getElementsByTagName('li');
            for(var i=0 ;i<lis.length;i++){
                lis.style.display='block';
            }
      }

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


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

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

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

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

qxwo 发表于 2017-4-14 11:54:41

bootstrap:lol

sora 发表于 2017-4-14 11:55:52

额, 自从用了jq之后js代码感觉都看不太懂了.

HKCPC 发表于 2017-4-14 18:52:09

有没有大佬会的。:(
页: [1]
查看完整版本: 问一个菜单代码，默认要显示。