jQuery中的動畫

2021-07-09 12:36:40 字數 1024 閱讀 6489

1.show()方法和hide()方法

兩個方法在沒有引數的情況下,作用是立即隱藏或顯示匹配的元素。slow則在600毫秒顯示,normal為400毫秒,fast為200毫秒。如果使元素1秒鐘顯示出來,則如下例

例:$(

"element").show(1000);

2.fadein()方法和fadeout()方法

兩個方法只改變元素的不透明度。fadeout()方法會在指定的一段時間內降低元素的不透明度,fadein()方法則完全相反

3.slideup()方法和slidedown()方法

兩個方法只改變元素的高度。slidedown()方法使元素由上至下延伸顯示,slideup()方法正好相反

4.animate(params,speed,callback)

引數說明如下:

params:乙個個包含樣式屬性及值的對映,

如: speed:速度引數,可選

callback:在動畫完成時執行的函式,可選。

例:1.同時執行多個動畫

$(function

() ,3000);

});});2.單擊元素後讓它向右移動的同時增大它的高度,並將不透明度從50%變換到100%,然後在讓它從上到下移動,同時寬度變大,完成這些效果後,讓它以淡出的方式隱藏

$(function

() ,3000).fadeout("slow");

});});

5.停止動畫stop([clearqueue],[gotoend]),兩個引數均為可選引數,為boolean值,第乙個代表的是否要清空未執行完的動畫佇列,gotoend代表是否將正在執行的動畫跳轉到末狀態

例:

$(function

() ,200)

.animate(,300)

},function

() ,200)

.animate(,300)

});});

jQuery 中的動畫

用jquery 做動畫效果要求在標準模式下,否則可能會引起動畫抖動。標準模式即要求檔案頭部包含如下的dtd定義 jquery 中的任何動畫效果,都可以指定3種速度引數,即 slow normal fast 時間長度分別為0.6s,0.4s,0.2s 1.fadein 與fadeout 方法 只改變元...

jQuery中的動畫

jquery 動畫 jquery動畫分為三個部分,非自定義動畫,自定義動畫,和全域性動畫設定。一 非自定義動畫 1.顯示 隱藏 show hide toggle 兩種用法 1 不傳引數,代表直接顯示隱藏。2 向方法中傳遞乙個引數,這個引數為number型別,代表動畫的執行時間。會有顯示隱藏的動畫效果...

jQuery中的動畫

jquery中的動畫 一 show 方法和hide 方法 顯示和隱藏 語法 element show 速度引數 和 element hide 速度引數 速度引數 可以取 fast slow normal 數值,單位為毫秒 二 fidein 和fideout 改變元素的不透明度 fadein 方法 降...