<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
(function(a){
a.fn.hoverClass=function(b){
var a=this;
a.each(function(c){
a.eq(c).hover(function(){
$(this).addClass(b)
},function(){
$(this).removeClass(b)
})
});
return a
};
})(jQuery);
$(function(){
$("#navbox").hoverClass("current");
});
</script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{color:#333;text-decoration:none;}
a:hover{color:#3366cc;text-decoration:underline;}
body{font:12px/180% "宋体";}
/* menu */
.menu{height:26px;width:110px;margin:20px auto;background:#fff;position:relative;}
.menu a{display:block;height:24px;line-height:24px;padding:0 0 0 10px;border:solid 1px #ddd;}
.menu .subnav{display:none;background:#fff;position:absolute;top:25px;left:0px;width:110px;border:solid 1px #ddd;}
#navbox.current .subnav{display:block;}
.menu .subnav a{border:none;}
.menu .subnav a:hover{background:#eee;border-left:solid 1px #fff;border-right:solid 1px #fff;font-weight:bold;}
</style>
</head>
<body>
<div id="navbox" class="menu">
<a class="tit" href="#">jquery特效</a>
<ul class="subnav">
<li><a href="http://www.mb5u.com/">jquery图片特效</a></li>
<li><a href="http://www.mb5u.com/">jquery导航菜单</a></li>
<li><a href="http://www.mb5u.com/">jquery选项卡特效</a></li>
<li><a href="http://www.mb5u.com/">jquery文字特效</a></li>
<li><a href="http://www.mb5u.com/">jquery表单特效</a></li>
<li><a href="http://www.mb5u.com/">jquery表格特效</a></li>
</ul>
</div>
分享到：
相关推荐
jquery导航菜单插件制作常用的jquery二级下拉菜单子内容 jquery导航菜单插件制作常用的jquery二级下拉菜单子内容 jquery导航菜单插件制作常用的jquery二级下拉菜单子内容
jquery导航菜单制作横向二级导航菜单设置当前频道高亮特效
jQuery导航菜单背景切换特效
jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单 jquery导航菜单鼠标悬停到导航条上滑动显示下拉菜单
Jquery导航菜单栏，循环加载菜单项，方便Jquery前台菜单栏开发。
Metro风格jQuery导航菜单 Metro风格jQuery导航菜单网页特效.zip
jQuery导航菜单动画渐入渐出特效
jquery导航菜单制作红色商城导航下拉菜单样式代码 jquery导航菜单制作红色商城导航下拉菜单样式代码 jquery导航菜单制作红色商城导航下拉菜单样式代码
三款 不错的 jquery 导航 菜单 很实用
多种特效jquery导航菜单下拉特效插件
jQuery导航菜单切换插件，供大家一起共同分享学习。
横向滚动jQuery导航菜单，鼠标移到某个栏目时，下滑线光标会跟随指出要去的栏目，移走后会自动回到当前栏目。
jquery导航菜单制作类似选项卡切换的侧边浮动导航条 jquery导航菜单制作类似选项卡切换的侧边浮动导航条 jquery导航菜单制作类似选项卡切换的侧边浮动导航条 jquery导航菜单制作类似选项卡切换的侧边浮动导航条
21CN官网jQuery导航 21CN官网jQuery导航菜单代码下载.zip
这是一款可自由缩放的jQuery导航菜单，当滚动鼠标时，导航菜单可以随之放大和缩小。
模拟苹果机jquery导航菜单94，有兴趣的可以看看，呵呵
页面右侧固定jQuery导航菜单基于jQuery1.7.2制作，鼠标经过动感效果，显示菜单内容，带数字标识。
整合了几中比较常用到网站前端html+css+jquery导航菜单
360buy京东新版左侧商品jquery导航菜单