我的书签
添加书签
移除书签C.4 效果方法
可以使用效果方法为DOM元素应用动画。第4章详细讨论了效果方法。
C.4.1 预定义效果
表 C-18
| 效果方法 | 说 明 |
|---|---|
.show() | 显示匹配的元素 |
.hide() | 隐藏匹配的元素 |
.show(speed, [callback]) | 通过高度、宽度及透明度动画显示匹配的元素 |
.hide(speed, [callback]) | 通过高度、宽度及透明度动画隐藏匹配的元素 |
.toggle([speed], [callback]) | 显示或隐藏匹配的元素 |
.slideDown([speed], [callback]) | 以滑入方式显示匹配的元素 |
.slideUp([speed], [callback]) | 以滑出方式隐藏匹配的元素 |
.slideToggle([speed], [callback]) | 以滑动方式显示或隐藏匹配的元素 |
.fadeIn([speed], [callback]) | 以淡入方式显示匹配的元素 |
.fadeOut([speed], [callback]) | 以淡出方式隐藏匹配的元素 |
.fadeToggle([speed], [callback]) | 以淡入淡出方式显示或隐藏匹配的元素 |
.fadeTo(speed, opacity, [callback]) | 调整匹配元素的不透明度 |
C.4.2 自定义动画
表 C-19
| 效果方法 | 说 明 |
|---|---|
.animate(attributes, [speed], [easing], [callback]) | 针对指定的CSS属性执行自定义动画 |
.animate(attributes, options) | .animate()的底层接口，支持对动画队列的控制 |
C.4.3 队列操作
表 C-20
| 效果方法 | 说 明 |
|---|---|
.queue([queueName]) | 取得第一个匹配元素上的动画队列 |
.queue([queueName],callback) | 在动画队列的最后添加回调函数 |
.queue([queueName],newQueue) | 以新队列替换原队列 |
.dequeue([queueName]) | 执行队列中的下一个动画 |
.clearQueue([queueName]) | 清除所有未执行的函数 |
.stop([clearQueue], [jumpToEnd]) | 停止当前播放的动画，然后启动排列的动画（如果有） |
.finish([queueName]) | 停止当前播放的动画并将所有排队的动画立即提前到它们的目标值 |
.delay(duration, [queueName]) | 在执行队列中的下一项前等待duration毫秒 |
.promise([queueName],[target]) | 在集合中所有排队的操作完成后返回一个待解决的承诺对象 |
