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!");
});