jQuery滑动手风琴二级分类导航菜单特效

来源:https://www.sucaihuo.com/js/2490.html 2017-07-21 17:33浏览(593) 收藏

jQuery滑动手风琴式产品二级分类导航菜单特效,鼠标悬停手风琴滑动效果展开二级分类菜单代码。
jQuery滑动手风琴二级分类导航菜单特效
分类:导航菜单 > 滑动导航 难易:初级
查看演示 下载资源 下载积分: 30 积分

js代码

<script type="text/javascript">
$(document).ready(function(e) {

	var currentLi =  $(".indexTypes ul li");
	$(currentLi.eq(0)).stop().animate({"width":"510px"},600);
	$(currentLi.eq(0)).children(".con").animate({"left":"193px"},600);
	
	$(currentLi).hover(function(e){
		$(this).siblings("li").stop().animate({"width":"193px"},600);
		$(this).siblings("li").removeClass("current");
		$(this).addClass("current");
		$(this).stop().animate({"width":"510px"},600);  
	});
	
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2