懒人之家--可能是JS网页特效代码收集最全的懒站!
更多

jQuery滑动手风琴二级分类菜单代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-07-30
jQuery滑动手风琴二级分类菜单代码是一款手风琴效果的适合做网站首页产品分类导航js代码。


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>