jquery中animate()的用法

.animate( properties [, duration ] [, easing ] [, complete ] )

properties：CSS属性和值，该动画将对应移动的对象。

例：

$( "#clickme" ).click(function() {

$( "#book" ).animate({

left: "+=50",//需要变化的css属性

}, 5000, function() {

// Animation complete.

});

});

duration:字符或是数字来定义动画的速度，如"slow、fast、200"等

 

$( "#clickme" ).click(function() {

$( "#book" ).animate({

left: "+=50",//需要变化的css属性

}, duration:5000, function() {

// Animation complete.

});

});

$( "#clickme" ).click(function() {

$( "#book" ).animate({

left: "+=50",//需要变化的css属性

}, "slow", function() {

// Animation complete.

});

});

 easing:动画过渡的效果

 

$( "#clickme" ).animate(

{width:'50%'},

{

duration: 200,

easing : "easeOutQuart"//详细内容详见jquery ui官方文档api

}

);