| 区分 | 种类 | 说明 |
|---|---|---|
| 隐藏 | hide() | 隐藏被选元素 |
| fadeOut() | 逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果) | |
| slideUp() | 以滑动方式隐藏被选元素 | |
| 显示 | show() | 显示隐藏的被选元素 |
| fadeln() | 使用淡入效果来显示被选元素,假如该元素是隐藏的 | |
| slideDown() | 以滑动方式显示被选元 | |
| 显示,隐藏 | toggle() | 适用 show(),hide() 效果 |
| fadeToggle() | 适用 fadeln(),fadeOut() 效果 | |
| slideToggle() | 适用 slideDown(),slideUp() 效果 | |
| fadeTo() |
适用指定的透明度 |
#基本型
$("被选元素").效果方法(效果时间, 加速度, 返回函数)方法1:"slow", "normal", "fast"
方法2:1,000(1秒), 500(0.5秒)
动画 animate() 方法
#基本型
$("被选元素").animate({样式属性}, 效果时间, 加速度, 返回函数)
| 种类 | 说明 |
|---|---|
| stop() | 被选元素停止当前正在运行的动画 |
| delay() | 对队列中的下一项的执行设置延迟 |
| queue() | 显示被选元素上要执行的函数队列 |
| clearQueue() |
从尚未运行的队列中移除所有项目 请注意当函数开始运行时,它会一直运行直到完成 |
| dequeue() | 从队列中移除下一个函数,然后执行函数 |
| finish() |
停止当前运行的动画,移除所有排队的动画,并为被选元素完成所有动画 该方法与 .stop(true, true) 方法类似,不同的是,finish() 也会引起所有排队动画的 CSS 属性停止 |
本文深入讲解了jQuery中各种动画效果的使用方法,包括隐藏、显示、切换等效果,以及如何控制动画的时间和速度。同时,介绍了如何使用animate()方法进行自定义动画,以及如何停止动画和管理动画队列。
1805

被折叠的 条评论
为什么被折叠?



