Skip to content

Commit 8ff1945

Browse files
committed
add JQ animated
1 parent 52c1c93 commit 8ff1945

File tree

2 files changed

+43
-3
lines changed

2 files changed

+43
-3
lines changed

jquery/.idea/workspace.xml

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

jquery/ch4/JQuery动画总结.md

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
# JQuery动画总结 #
2+
3+
从基本动画方法`hide()``show()``fadeout()`,然后到`slideUp()``slideDown()`,再到自定义动画方法`animate()`,
4+
5+
最后到交互动画方法`toggel()``slideToggle()`,`fadeTo()``fadeToggle()`
6+
7+
# 1.改变样式属性 #
8+
9+
| 方法名 | 说明 |
10+
| ---------------|:------------------------:|
11+
| fadeIn()和fadeOut() | 只改变不透明度 |
12+
| hide()和show() | 同时修改多个样式属性即高度,宽度和不透明度 |
13+
|slideUp()和slideDown()|只改变高度|
14+
|fadeTo()|只改变不透明度|
15+
|toggle()|只用来代替hide()方法和show()方法,所以会同时修改多个样式属性即高度,宽度和不透明度|
16+
|slideToggle()|用来代替slideUp()方法和slideDown()方法,所以只能改变高度|
17+
|fadeToggle()|用来代替fadeIn()方法和fadeOut()方法,所以只能改变不透明度|
18+
|animate()|属于自定义动画的方法,以上各种动画方法实质内部都调用了animate()方法。此外,直接使用animate()方法还能自定义其他样式属性,例如:"left","marginLeft","scrollTop"等 |
19+
20+
21+
## 2.动画队列 ##
22+
23+
**1. 一组元素上的动画效果**
24+
25+
a: 当在一个animated()方法中应用多个属性时,动画是同时发生的。
26+
27+
b: 当以链式的写法应用动画方法时,动画是按照顺序发生的(除非queue选项值为false).
28+
29+
**2.多组元素上的动画效果**
30+
31+
a:默认情况下,动画都是同时发生的.
32+
33+
b:当以回调的形式应用动画方式时(包括动画的回调函数和queue()方法的回调函数),动画是按照回调顺序发生的。
34+
35+
36+
37+
38+
39+
40+

0 commit comments

Comments
 (0)