全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

jQuery中内置动画有哪些?

发布时间:2022-09-07 16:58:47
发布人:wjy

基本动画

1. show(speed[,callback]) 和 hide(speed[,callback]) 显示隐藏元素

所有动画的speed:number、fast(200)、normal(400)、slow(600)

注意: 1.9以上的版本以不再支持toggle(fn1,fn2) 模拟鼠标连续单击事件

 

解决方案:脚本中加入以下代码,作为插件

2. fadeIn(speed[,callback]) 和 fadeOut(speed[,callback]) 淡入淡出(改变opacity)

3. slideUp(speed[,callback]) 和 slideDown(speed[,callback])

改变元素高度

自定义动画

 

4. animate()

animate(params, speed, callback)

params是一个包含样式属性及值的映射

动画回调函数

非动画方法不会加入动画队列中,可以在回调函数里实现对非动画方法排队

停止动画

stop(clearQueue, gotoEnd)

clearQueue(布尔值)表示是否要清空未执行的动画队列

gotoEnd (布尔值)表示是否直接将正在执行的动画跳到末状态

判断元素是否处于动画状态(重要)

避免出现动画积累

动画延迟

delay(time)

交互动画

 

5. toggle(speed[,callback])

切换元素可见状态

6. slideToggle(speed[,easing][,callback])

通过高度切换元素可见状态

7. fadeTo(speed[,opacity][,callback])

把opacity以渐进的方式调到指定值

8. fadeToggle(speed[,easing][,callback])

通过高度切换元素可见状态

相关文章

scrum master的核心竞争力是什么?

scrum master的核心竞争力是什么?

2023-10-14
什么项目适合使用Scrum?

什么项目适合使用Scrum?

2023-10-14
scrum敏捷软件开发是什么?

scrum敏捷软件开发是什么?

2023-10-14
敏捷BI和传统BI有什么区别?

敏捷BI和传统BI有什么区别?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取