jquery简易下拉菜单

<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>