jQuery UI API 类别 - 特效(Effects)

jQueryUI提供了一系列丰富的特效,包括颜色动画、Class转换和多种Easings。它支持如百叶窗、反弹、剪辑等特效,还允许自定义元素显示和隐藏的方式。此外,还包含淡入淡出、爆炸、折叠等多种动画效果,以及addClass和removeClass方法来动态管理元素的Class。
摘要由CSDN通过智能技术生成

jQuery UI 在jQuery 内置的特效上添加了一些功能。jQuery UI 支持颜色动画和 Class 转换,同时也提供了一些额外的 Easings。另外,提供了一套完整的定制特效,供显示和隐藏元素时或者只是添加一些视觉显示时使用。

API描述也属于类别
.addClass()当动画样式改变时,为匹配的元素集合内的每个元素添加指定的 Class。特效核心(Effects Core) | 方法重载(Method Overrides)
百叶窗特效(Blind Effect)百叶窗特效(Blind Effect)通过将元素包裹在一个容器内,采用"拉百叶窗"效果来隐藏或显示元素。
反弹特效(Bounce Effect)反弹特效(Bounce Effect)反弹一个元素。当与隐藏或显示一起使用时,最后一次或第一次反弹会呈现淡入/淡出效果。
剪辑特效(Clip Effect)剪辑特效(Clip Effect)通过垂直或水平方向夹剪元素来隐藏或显示一个元素。
颜色动画(Color Animation)使用 .animate() 实现颜色动画效果。
降落特效(Drop Effect)降落特效(Drop Effect)通过单个方向滑动的淡入淡出来隐藏或显示一个元素。
EasingsEasing 函数指定动画在不同点上的行进速度。
.effect()对一个元素应用动画特效。特效核心(Effects Core) | 方法(Method)
爆炸特效(Explode Effect)爆炸特效(Explode Effect)通过把元素裂成碎片来隐藏或显示一个元素。
淡入淡出特效(Fade Effect)淡入淡出特效(Fade Effect)通过淡入淡出元素来隐藏或显示一个元素。
折叠特效(Fold Effect)折叠特效(Fold Effect)通过折叠元素来隐藏或显示一个元素。
.hide()使用自定义效果来隐藏匹配的元素。特效核心(Effects Core) | 方法重载(Method Overrides) | 方法(Method)
突出特效(Highlight Effect)突出特效(Highlight Effect)通过首先改变背景颜色来隐藏或显示一个元素。
膨胀特效(Puff Effect)通过在缩放元素的同时隐藏元素来创建膨胀特效(Puff Effect)。
跳动特效(Pulsate Effect)跳动特效(Pulsate Effect)通过跳动来隐藏或显示一个元素。
.removeClass()当动画样式改变时,为匹配的元素集合内的每个元素移除指定的 Class。特效核心(Effects Core) | 方法重载(Method Overrides)
缩放特效(Scale Effect)按照某个百分比缩放元素。
震动特效(Shake Effect)垂直或水平方向多次震动元素。
.show()使用自定义效果来显示匹配的元素。特效核心(Effects Core) | 方法重载(Method Overrides) | 方法(Method)
尺寸特效(Size Effect)调整元素尺寸到指定宽度和高度。
滑动特效(Slide Effect)把元素滑动出视区。
.switchClass()当动画样式改变时,为匹配的元素集合内的每个元素添加和移除指定的 Class。特效核心(Effects Core)
.toggle()使用自定义效果来显示或隐藏匹配的元素。特效核心(Effects Core) | 方法重载(Method Overrides) | 方法(Method)
.toggleClass()当动画样式改变时,根据 Class 是否存在以及 switch 参数的值,为匹配的元素集合内的每个元素添加或移除一个或多个 Class。特效核心(Effects Core) | 方法重载(Method Overrides)
转移特效(Transfer Effect)把一个元素的轮廓转移到另一个元素。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智慧浩海

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值