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表示停止當前正在執行的動畫，並且將元素設定為當前動畫執行結束處的位置。