JQ 动画

2020-01-09  本文已影响0人  Cherry丶小丸子

自定义动画

animate(params, speed, easing, callback)
cs1: 一个包含样式属性及值的影射 比如:{property2:value1,parperty2:value2}
cs2: 速度参数
cs3: 在动画不同点中元素的速度( swing   linear)
cs4: 在动画完成时执行的函数

例:
$(selector).animate({left:'500px'},3000);

累加累减动画 +=   -=
animate({left:"+=500px"},3000)

动画回调函数
animate({left:"+=500px"},3000,function(){
  $(selector).css("border","5px solid red")
})

停止动画和判断是否处于动画状态

stop() // 默认值: stop(false,false)
cs1: 是否清空未执行的动画(停止所有加入动画的队列)
cs2: 是否直接将正在执行的动画跳转至末状态(立即完成当前动画)

stop(true,false) // 防止动画抖动
.is(":animated") // 是否处于动画状态
delay() // 延迟动画
上一篇 下一篇

猜你喜欢

热点阅读