jquery中的三组基础动画以及自定义动画

Posted 2022-02-23 z-lin

Jquery基础三组动画

1.show(),hide(),toggle() 改变宽高透明度

2.fadeIn(),fadeout(), fadeToggle() 改变透明度(淡入，淡出效果)

3.slideDown(),slideUp(),slideToggle() 改变高度

语法: show(time,callback) time时间，单位是毫秒 回调函数，当动画执行完成后执行

 

自定义动画 animate

参数1：比传参数 ，样式对象

参数2：动画时间，默认 400ms (fast,normal,slow)

参数3：动画效果 swing 默认值 缓动，秋千； linear 匀速

参数4： 回调函数：动画完成后执行

Animate(left:0,500,’linear’,function() …);

 

动画队列

Jquery为了保证动画都执行，会将动画添加到当前元素的队列中去，一次执行

好处:方便复杂动画的执行

缺点: 操作听了，动画还在执行:用stop()可以解决

 

Stop()方法：停止当前正在执行的动画

参数1； 是否清空动画队列 false默认  true

参数2: 是否立刻到达当前动画的最终状态 false 默认   true

常见用法: sop()停止当前正在进行的动画

              Stop(true) 停止当前正在进行的动画，并清空对列