设为首页收藏本站
开启辅助访问 切换到宽版
快捷导航 发布信息
搜索
搜索附件  
自丢网 › 附件中心 › 模板下载 › 网页特效 › 菜单导航代码 ›jQuery多级无限级导航下拉菜单代码.zip

板块导航

热门下载

左侧广告
版权所有：自丢网
For 2020-2050 © zidiu.com

jQuery多级无限级导航下拉菜单代码.zip

 

jQuery多级无限级导航下拉菜单代码:


jQuery多级无限级导航下拉菜单代码是一款可智能判断有没有下级菜单列表的网站下拉菜单特效。

  1. js代码

  3. <script type="text/javascript">
  4.     $(document).ready(function() {
  5.         $("ul.nav li").hover(function(){
  6.             $(this).addClass("on");

  8.         },
  9.         function(){
  10.             $(this).removeClass("on");

  12.         })
  13.     });

  15.     $(document).ready(function() {
  16.         $("ul.nav li").hover(function(){
  17.             $(this).parent("ul").siblings("h3").addClass("choice");

  19.         },
  20.         function(){
  21.             $(this).parent("ul").siblings("h3").removeClass("choice");
  22.         })
  23.     });

  25.     $(document).ready(function() {      
  26.             if ($("ul.nav li").find("ul") .html()!="") {
  27.                 $("ul.nav li").parent("ul").siblings("h3").append("<span class='sub'></span>");               
  28.             }
  29.     });
  30. </script>
复制代码