请选择 进入手机版 | 继续访问电脑版

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

[复制链接]
查看2670 | 回复0 | 2021-3-4 08:29 | 显示全部楼层 |阅读模式

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

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


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

  1. js代码

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

  6.         },
  7.         function(){
  8.             $(this).removeClass("on");

  9.         })
  10.     });

  11.     $(document).ready(function() {
  12.         $("ul.nav li").hover(function(){
  13.             $(this).parent("ul").siblings("h3").addClass("choice");

  14.         },
  15.         function(){
  16.             $(this).parent("ul").siblings("h3").removeClass("choice");
  17.         })
  18.     });

  19.     $(document).ready(function() {      
  20.             if ($("ul.nav li").find("ul") .html()!="") {
  21.                 $("ul.nav li").parent("ul").siblings("h3").append("<span class='sub'></span>");               
  22.             }
  23.     });
  24. </script>
复制代码
jQuery多级无限级导航下拉菜单代码.zip (36.16 KB, 下载次数: 499)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
436
贡献
4
丢币
318
主题
163
回帖
1
注册时间
2021-2-21
最后登录
2023-3-12