jQuery 入门教程(八): 动画效果

jQuery 入门教程(8): 动画效果

前面的hide/show,slide in/out其实也具有动画效果，本篇介绍使用animate()实现自定义动画效果。

基本语法如下：

$(selector).animate({params},speed,callback);

必选的参数为params,定义CSS用于动画效果的的属性。

可选参数speed给出了淡入效果的时间，可以使用 “slow”,”fast” 或是数值（微秒）
第二个可选参数为回调函数，在animate()方法结束后调用。

比如下面的例子，将一个<div>标记移动到其Left属性等于250px.

$("button").click(function(){  var div=$("div");  div.animate({left:'100px'},"slow");  div.animate({fontSize:'3em'},"slow");});