自定義動畫
$(selector).animate(styles, speed, easing, callback)
參數說明:
-
styles
: 必需,規定產生動畫效果的CSS -
speed
: 可選,規定動畫的速度,默認是normal,可能的值:數字(毫秒)、slow、normalfast -
easing
: 可選,規定在不同的動畫點中設置動畫速度的 easing 函數。內置的 easing 函數: swing linear -
callback
: 可選,animate 函數執行完之后,要執行的函數。
var css = {
width: "70px",
opacity: 0.4,
marginLeft: "60px",
fontSize: "30px"
}
$(".box").animate(css, "slow", "linear", function(){
console.log("動畫播放完畢")
})