## 动画 animate(params, \[speed\], \[easing\], \[fn\]) 概述：用于创建自定义动画的函数。 * params：一组包含作为动画属性和终值的样式属性和及其值的集合。 * speed：三种预定速度字符串(slow、normal、fast)或表示动画时长的毫秒数值(如：1000) * easing：用来指定切换效果，默认是"swing"，可用参数"linear" * fn：在动画完成时执行的函数，每个元素执行一次。 ~~~ // 让指定元素左右移动 $("#right").click(function(){ $(".block").animate({left: '+50px'}, "slow"); }); $("#left").click(function(){ $(".block").animate({left: '-50px'}, "slow"); }); // 点击按钮后 div 元素的几个不同属性一同变化 $("#go").click(function(){ $("#block").animate({ width: "90%", height: "100%", fontSize: "10em", borderWidth: 10 }, 1000 ); }); ~~~ ## 停止 stop(\[queue\], \[clearQueue\], \[jumpToEnd\]) 概述：停止所有在指定元素上正在运行的动画。 ~~~ // 停止当前正在运行的动画 $("#stop").click(function(){ $("#box").stop(); }); ~~~ ## 延迟 delay(duration\[, queueName\]) 概述：设置一个延时来推迟执行队列中之后的项目。 ~~~ // 在.slideUp() 和 .fadeIn()之间延时 800 毫秒。 $('#foo').slideUp(300).delay(800).fadeIn(400); ~~~ ## 完成 finish(\[queue\]) 概述：停止当前正在运行的动画，删除所有排队的动画，并完成匹配元素所有的动画。 ~~~ $("#complete").click(function(){ $("div").finish(); }); // 停止当前正在运行的动画 ~~~