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("动画播放完毕")
})
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容