首頁 > web前端 > js教程 > jQuery中實作動畫效果的基本操作介紹_jquery

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

WBOY
發布: 2016-05-16 17:36:42
原創
938 人瀏覽過

動畫效果

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板