jQuery动画

自作多情 提交于 2019-12-05 11:42:30

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":
注:这样设置的效果为元素上下滑动至隐藏或显示。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!