jQuery 动画 - animate() 方法
jQuery animate() 方法用于创建自定义动画。
$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。
实例:
$("button").click(function(){
$("div").animate({left:'250px'});
});
注:点击按钮,div元素向右移动250px
使用相对值
也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上 += 或 -=:
$("button").click(function(){
$("div").animate({
left:'250px',
height:'+=150px',
width:'+=150px'
});
});
使用预定义的值
您甚至可以把属性的动画值设置为 "show"、"hide" 或 "toggle":
注:这样设置的效果为元素上下滑动至隐藏或显示。