热门关键字:
jquery > jquery插件 > jquery导航菜单 > 网友czqn8分享滑动横向二级菜单jquery特效

网友czqn8分享滑动横向二级菜单jquery特效

10682
所属分类:jquery导航菜单
发布时间:2014/3/19 22:55:51
下载量:1782
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=422

首先非常感谢网友czqn8的无私分享,此作品是一款非常实用的jquery导航菜单,实现了滑动横向二级菜单jquery特效,功能非常简单,几行jquery代码就完成了,主要运用了jquery插件中的slideDown和slideUp方法。。。


jquery代码如下:

$(function () {
	var navLi=$(".menu .nav li");
	navLi.mouseover(function () {
		$(this).find("a").addClass("current");
		$(this).find(".box").stop().slideDown();
	})
	navLi.mouseleave(function(){
		$(this).find("a").removeClass("current");
		$(this).find(".box").stop().slideUp();
	})
})

效果如下:

网友czqn8分享滑动横向二级菜单jquery特效





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:网友czqn8 鼠标悬停 jquery特效 导航菜单 二级菜单 滑动插件 jquery选项卡
  • 网友czqn8分享滑动横向二级菜单jquery特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 网友czqn8分享滑动横向二级菜单jquery特效
  • 网友czqn8分享滑动横向二级菜单jquery特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐