下面介紹了幾種動畫效果的方法,具體如下:
1、show()顯示效果
語法:show(speed,callback) Number/String,Function speend為動畫執行時間,單位為毫秒。也可以為slow","normal","fast" callback可選,為當動畫完成時執行的函數。
show(speed,[easing],callback) Number/String easing預設為swing,可選linear;
1 |
|
2、hide()隱藏效果
語法eed,easing,callback) Number/String
1 |
|
3、toggle()隱藏顯示自動切換,目前為顯示器則隱藏,目前為隱藏則顯示
語法:toggle(speed,callback) Number/String,Function
Npeed,Function🀜, ,String,Function
1 |
|
4、slideDown()向下顯示,slow()是水平與垂直方向同時展開,而slideDownslall:slidds ) Number/String,Function
slideDown(speed,[easing],callback) Number/String,Function
hide()是水平與垂直兩個方向的,而slideUp()只是垂直方向向上收起隱藏語法:slideUp(speed,callback) Number/String,Function slideUp(speed,[easing],callback) slideUp(spunceed,[easing],callback) 行/6、slideToggle垂直方向上切換,toggle是水平與垂直兩個方向上的,而slideToggle是僅僅垂直方向的。 ,[easing],callback) Number/String,String,Function
1 |
|
1 |
|
1 |
|
.
fadeToggle(speed,[easing],callback) Number/String,Function1 |
|
allback) Number /String,Function
fadeTo([speed],opacity,[easing],[fn]) Number/String,Float,String,Function
1 |
|
數位變動都可以用於動畫。
語法:animate(params,speed,easing,callback); 樣式參數,時間,可選擇,函數
1 |
|
括起來
.注意要採用駱駝法則,如font-size要寫成fontSize。顏色漸層不支援。
backgroundPosition
borderWidthborderBottomWidth
borderLeftWidthborderRightWidth
borderTopWidthborderSpacingmargin
borderTopWidthborderSpacingmargin
marBothio thpadding
paddingBottompaddingLeft
paddingRightpaddingTop
heightwidth
maxHeightmaxWidth
minHeightmaxWidth
font
fontSize
bottom
left
right
top
letterSpacing
wordSpacing
lineHeight
textIndent
12、stop()End正在執行動畫
textIndent
12、stop()Endwhocaryl); ,第一個表示,是否停止動畫執行、第二個表示,如果停止,是否立即變為執行完成的狀態,如果設定為否,則停留在執行一半的狀態。
1 |
|
1 |
|
1 2 3 4 5 |
|
15、jQuery.fx.interval //该属性设置动画的帧速,单位是毫秒,如果设置的时间越小,就越平滑。,属性出现的位置同样有影响范围
1 2 3 4 5 6 7 8 9 10 11 |
|