jquery简易下拉菜单

最新推荐文章于 2025-09-10 14:53:18 发布

转载最新推荐文章于 2025-09-10 14:53:18 发布 · 50 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/adstor-Lin/p/3481307.html

文章标签：

#javascript #ViewUI

<script> 
  $(document).ready(function(){    
jQuery.navlevel2 = function(level1,dytime) {
        
      $(level1).mouseenter(function(){
          varthis = $(this);
          delytime=setTimeout(function(){
            varthis.find('ul.nav_sub').slideDown();
        },dytime);
        
      });
      $(level1).mouseleave(function(){
         clearTimeout(delytime);
         $(this).find('ul.nav_sub').slideUp();

      });
      
    };
  $.navlevel2("li.nav_no",200);
  });
</script>



<ul id="nav_list">
<li class="index_home"><a href="/" >首页</a></li>


<li class="nav_no"><a href="#">关于</a>

<ul class="nav_sub" style="background:#fff; display:none;">

  <li><a href="/?I_7.html">简介</a></li>


  <li><a href="/?I_8.html">特色</a></li>


  <li><a href="/?I_9.html">公司文化</a></li>


  <li><a href="/?I_10.html">我们的客户</a></li>




</ul>


</li>

</ul>