爱淘宝分类导航jQuery伸缩动画效果

js代码很简单$(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); }) })

在线演示        积分下载        6毛下载        砍两刀下载