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")
說明:
動畫是順序執行的。