jQuery animate() 方法用于創建動畫效果,可以改變元素的樣式屬性。
語法:
$(selector).animate(stylespeed,callback);
參數:
selector:必需。規定要創建動畫的元素。
styles:必需。定義形成動畫的 CSS 屬性和值。
speed:可選。規定效果的時長。它可以是 “slow”、“fast” 或毫秒。
callback:可選。動畫完成后執行的函數。
示例:
以下實例將把 div 元素的寬度從 100px 動畫變為 500px,時長為 2000 毫秒:
$("div").animate({width: '500px'}, 2000);
你還可以同時改變多個樣式屬性:
$("div").animate({
width: '500px',
height: '500px',
opacity: '0.5'
}, 2000);
你也可以使用回調函數,在動畫完成后執行一些操作:
$("div").animate({width: '500px'}, 2000, function(){
alert("Animation completed!");
});