jquery动画总结

Posted 2021-04-08 代码笔记本

力             彑

         夂                 小

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

.show(1000,fn)----->fn为动画执行完后执行的函数

 >显示隐藏

.hide()           .show()              .toggle()    

>上滑下拉         

.slideUp()      .slideDown()     .slideToggle()   

>淡隐淡出    

.fadeIn()        .fadeOut()         .fadeToggle()       

.fadeTo('slow',0.2)---->透明度淡到50%

animate使用及回调函数，第二个参数是时间或者回调函数

直接到达

相同元素一步一步执行

相同元素连缀效果也是一步一步执行

不同元素同步执行 

.queue()模拟回调函数，列入动画列队中

但是.queue()后的连缀方法不再执行，需要在内部加入next()方法，注意传参

或者next()改成$(this).dequeue()

返回动画数量，如果有function要先把'fx'传进去，像传next一样，传参时fx有引号

清理后面动画列队

.delay(2000)  后面动画延迟两秒

$(:animated)当前运动的元素

$.fx.interval--->设置每帧的毫秒数，默认为13

代码笔记本

每天记录学习历程