jQuery - 效果参考
jQuery Effects 是 jQuery 库中预定义的方法,允许我们为网页元素添加动画和过渡效果。这些效果可以包括显示和隐藏元素、淡入淡出元素、滑动元素等。
为什么使用 jQuery Effects?
我们可以在以下情况下使用 jQuery effects −
- 交互式用户体验:通过添加平滑的过渡和动画效果,可以使我们的 Web 应用程序更加交互性和愉悦的用户体验。
- 视觉吸引力:效果将使我们的网站更加吸引人和引人注目,吸引用户的注意力。
- 易于使用:jQuery 通过易于使用的方法简化了复杂动画和效果的实现,从而节省时间和精力。
jQuery Effect 方法
在下表中,我们列出了所有 jQuery Effect 方法 −
| 序号 | 方法 & 描述 |
|---|---|
| 1 | animate()
用于对选定元素执行自定义动画。 |
| 2 | clearQueue()
清除选定元素的队列。 |
| 3 | delay()
为队列中下一个项目的执行设置延迟。 |
| 4 | dequeue()
从队列中移除下一个函数并执行它。 |
| 5 | fadeIn()
淡入选定元素。 |
| 6 | fadeOut()
淡出选定元素。 |
| 7 | fadeTo()
将选定元素淡入到指定的不透明度。 |
| 8 | fadeToggle()
在淡入和淡出选定元素之间切换。 |
| 9 | finish()
停止当前运行的动画,移除所有排队的动画,并完成选定元素的所有动画。 |
| 10 | hide()
隐藏选定元素。 |
| 11 | queue()
显示要在选定元素上执行的函数队列。 |
| 12 | show()
显示选定元素。 |
| 13 | slideDown()
向下滑动选定元素。 |
| 14 | slideToggle()
在向上滑动和向下滑动选定元素之间切换。 |
| 15 | slideUp()
向上滑动选定元素。 |
| 16 | stop()
停止选定元素上当前运行的动画。 |
| 17 | toggle()
在隐藏和显示选定元素之间切换。 |