jQuery中實作動畫效果的基本操作介紹_jquery

動畫效果

show():顯示

hide()隱藏

$().toggle():顯示與隱藏效果切換

都可以傳入參數，speed.

 

 

fadeOut(淡出)

fadeIn(淡入)

fadeToggle();淡入淡出切換

fadeTo(2000,0.3)將圖片顯示到透明度為30%的程度

 

滑動顯示

slideDown()：

slideUp():

slideToggle():

都可以傳入一個speed參數。

 

$(':animated');取得正在執行動畫的元素。

將正在執行動畫的元素停止：

$(':animated').stop():停止目前的動畫。

stop(true)表示清除佇列中的所有的動畫，即動畫立即停止，如果不傳遞參數，只是立刻停止目前的動畫。

$(':animated').stop(false,true)第二個參數為true表示停止目前正在執行的動畫，並將元素設為目前動畫執行結束處的位置。