jQuery动画

自定义动画

$(selector).animate(styles, speed, easing, callback)

参数说明：

• styles: 必需，规定产生动画效果的CSS
• speed: 可选，规定动画的速度，默认是normal，可能的值：数字(毫秒)、slow、normalfast
• easing: 可选，规定在不同的动画点中设置动画速度的 easing 函数。内置的 easing 函数： swing linear
• callback: 可选，animate 函数执行完之后，要执行的函数。

var css = {
    width: "70px",
    opacity: 0.4,
    marginLeft: "60px",
    fontSize: "30px"
}
$(".box").animate(css, "slow", "linear", function(){
    console.log("动画播放完毕")
})