码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-06-29 12:52:23      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:line   添加   cti   UNC   操作   swing   show   改变   fast   

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) 停止当前正在进行的动画,并清空对列

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

标签:line   添加   cti   UNC   操作   swing   show   改变   fast   

原文地址:https://www.cnblogs.com/z-lin/p/11106120.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!