教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 jquery二级导航条菜单效果代码

jquery二级导航条菜单效果代码

发布时间:2016-10-15   编辑:jiaochengji.com
教程集为您提供jquery二级导航条菜单效果代码等资源,欢迎您收藏本站,我们将为您提供最新的jquery二级导航条菜单效果代码资源
以前我们做导航都会使用原生态的js效果,下面我来给大家介绍利用jquery快速实现二级导航条菜单效果,代码简单好用,有需要的朋友可尝试一下效果。
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <base href="/"> <script src="/demo/jquery.min.js"></script> <link href="css/mb-style.css" rel="stylesheet" type="text/css" /> <title>蓝色二级jquery简洁导航条</title> </head> <body> <script type="text/javascript"> $(document).ready(function(){ setInterval('AutoScroll("#scrollDiv")',4000); $("#nav").find("ul").hide(); $("#site_wel").hide(); var wel=$("#site_wel").html(); $("#site_info").html(wel); }); $("#nav").find("li").hover(function(){$(this).find("ul").show();$(this).css({"background-color":"#1c98d8"});},function(){$(this).find("ul").hide();$(this).css("background","none");}); </script> </body> </html></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
jQuery菜单插件 Smooth Navigational Menu
jquery导航固定效果实例
javascript 无限级横向下拉导航菜单效果
jquery 遮罩层效果实现的导航菜单
导航菜单-三级折叠竖向下拉导航菜单效果
7款风格新颖的jQuery/CSS3菜单导航分享
jquery遮罩层效果实现导航菜单代码
jquery弹性滑动导航菜单
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
jQuery渐变发光导航菜单的实例代码

[关闭]
~ ~