jQuery動態效果

2021-09-26 15:30:07 字數 1372 閱讀 6389

以下面的這個盒子為例,我設定了它在頁面中居中顯示,方便**:

"box"

>

div>

src=

"jquery-3.4.1.min.js"

>

script

>

>

#box

style

>

1、隱藏box;
$

('#box').

hide()

;

2、顯示box;
$

('#box').

show()

;

3、加入延遲;
$

('#box').

delay

(1000).

hide()

;//延遲1秒$(

'#box').

delay

(1000).

show()

;

4、逐漸淡出:
$

('#box').

fadeout

(1000);

//動畫時間1秒

5、逐漸淡入:
$

('#box').

fadein

(1000);

//動畫時間1秒

6、漸變到特定透明度:
$

('#box').

fadeto

(1000

,0.5);

//動畫時間1秒,透明度變為0.5

7、壓縮;
$

('#box').

slideup

(1000);

//動畫時間1秒

8、伸展:
$

('#box').

slidedown

(1000);

//動畫時間1秒

9、在壓縮動畫結束後伸展:
$

('#box').

slideup

(1000

, sidedownagain)

;function

sidedownagain()

10、自定義動畫效果:

影象將會變成自己設定的模樣。

$

('#box').

animate

()

11、停止動畫:
$

('#box').

stop()

;

jQuery的動態效果效果演示

jquery做動態效果,可以使用animate函式,animate params duration easing callback 用於建立自定義動畫的函式。這個函式的關鍵在於指定動畫形式及結果樣式屬性物件。這個物件中每個屬性都表示乙個可以變化的樣式屬性 如 height top 或 opacity...

JQuery自學記錄2 部分動態效果

利用jquery的一些函式可以直接實現部分動態的效果,主要涉及以下幾個 還有很多 1 隱藏與顯示 hide show toggle 2 滑動效果 slidedown slideup slidetoggle 3 漸變效果 fadein fadeout fadeto 4 自定義動畫函式 animate ...

winform窗體新增動態效果

using system.runtime.interopservices public class win32 淡入窗體 private void form load object sender,eventargs e 淡出窗體 private void form formclosing objec...