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