JavaScript强化教程——jQuery动画

本文为  H5EDU  机构官方  HTML5培训  教程，主要介绍： JavaScript强化教程  —— jQuery动画
 
jQuery 动画 - animate() 方法

jQuery animate() 方法用于创建自定义动画。

语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

下面的例子演示 animate() 方法的简单应用；它把

元素移动到左边，直到 left 属性等于 250 像素为止：

实例$("button").click(function(){ $("div").animate({left:'250px'}); });
 

 

 

开始动画
默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。

点击进入JS强化教程