jQuery多级无限级导航下拉菜单代码
jQuery多级无限级导航下拉菜单代码是一款可智能判断有没有下级菜单列表的网站下拉菜单特效。
- js代码
- <script type="text/javascript">
- $(document).ready(function() {
- $("ul.nav li").hover(function(){
- $(this).addClass("on");
- },
- function(){
- $(this).removeClass("on");
- })
- });
- $(document).ready(function() {
- $("ul.nav li").hover(function(){
- $(this).parent("ul").siblings("h3").addClass("choice");
- },
- function(){
- $(this).parent("ul").siblings("h3").removeClass("choice");
- })
- });
- $(document).ready(function() {
- if ($("ul.nav li").find("ul") .html()!="") {
- $("ul.nav li").parent("ul").siblings("h3").append("<span class='sub'></span>");
- }
- });
- </script>
复制代码
jQuery多级无限级导航下拉菜单代码.zip
(36.16 KB, 下载次数: 499)
|
|