仿爱淘宝分类伸缩jQuery导航仿爱淘宝分类伸缩jQuery导航是一款仿爱淘宝分类栏目伸缩展开的jQuery导航代码。
<script type="text/javascript">
$(function(){
$('.navRight li').mouseenter(function(){
$(this).children('span').css('transform','rotate(135deg)');
}).mouseleave(function(){
$(this).children('span').css('transform','rotate(-45deg)');
})
$('.fenlei ul li').mouseenter(function(){
$(this).stop().animate({'height':'289px'},300).siblings().stop().animate({'height':'44px'},300);
$(this).siblings().css('background','#F5F5F5');
$('.fenleiright').fadeTo(0,0.8).stop().animate({'width':'289px'},300);
}).mouseleave(function(){
$('.fenlei ul li').stop().animate({'height':'79px'},300)
$(this).siblings().css('background','#ffffff');
});
$('.navLeft').mouseleave(function(){
$('.fenleiright').stop().animate({'width':'0px'},300);
})
})
</script>
仿爱淘宝分类伸缩jQuery导航由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/caidan/10958.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
div css下拉导航菜单分类代码
jquery天猫分类导航banner切换
js展开叠起来分类导航
商城左侧分类jquery菜单
jquery左侧商品分类导航