20- jQuery中的動畫

jQuery中的動畫

控制顯示和隱藏


show()  “fast”:200  “normal”:400    “slow”:600
hide()


控制不透明度

fadeIn()
fadeOut()
fadeTo()    //$(“div”).fadeTo(“fast”,”0.2”);


控制高度

slideUp()
slideDown()
自定義動畫實現


自定義動畫實現

animate(params,speed,fun);

累加、累減動畫

$("#btn").click(function(){
    $("#pos").animate({left:"+=20px"},fast);
})

同時執行多個動畫

$("#pos").animate({left:"+=20px",height:"+=20px"},fast);

停止動畫

stop()方法:停止階段性動畫。
stop(true)方法:停止當前動畫后的所有階段動畫。

判斷元素是否處于動畫狀態

$("#ele").is(":animated")
說明:
動畫是順序執行的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容