jQuery效果

最新推荐文章于 2025-12-22 21:38:10 发布

转载最新推荐文章于 2025-12-22 21:38:10 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pcx105/p/8074353.html

文章标签：

#javascript #ViewUI

本文详细介绍了使用jQuery实现的各种动画效果，包括元素的隐藏与显示、淡入淡出、滑动及自定义动画，通过实例展示了如何运用这些效果增强网页交互体验。

ps:菜鸟教程

1、隐藏/显示

a、hide()隐藏

b、show()显示

c、toggle()来回切换hide()和show()

2、淡入淡出

a、fadeIn()用于淡入已隐藏的元素

b、fadeOut()用于淡出可见元素

c、feadToggle()来回切换adeIn()和fadeOut()

d、fadeTo()允许渐变为给定的不透明度（值介于0与1之间）

3、滑动

a、slideDown 方法用于向下滑动元素

b、slideUp 方法用于向上滑动元素

c、slideToggle 在 slideDown() 与 slideUp() 方法之间进行切换

4、动画

a、animate()

b、stop()停止动画

5、链

a、通过jQuery，可以把动作/方法链接在一起

列如：$("#p1").css("color","red").slideUp(2000).slideDown(2000);