jQuery效果之动画

jQuery效果之动画

jQuery它可以让用户创建自定义的动画。
jQuery animate() 方法可以允许我们创建自定义的动画。
语法大致如下：
$(selector).animate({params},speed ,callback);
Params参数是必需的，它是CSS属性，
可选的speed参数表示动画完成时间，可以用毫秒和以“slow”，”fast”为值。
可选的 callback 参数是动画完成后所执行的函数名称。
演示将

元素向右边移动100像素，代码如下：

选中按钮，我们通过点击按钮来进行动画的操作。
通过点击事件将我们选中的div元素进行一步操作，也就是将div元素向右移动100px。
在默认情况下，所有 HTML 元素都有一个静态位置，是不能移动的。
这个时候我们要把元素的CSS positon属性设置为fixed。
jQuery animate() 方法可以同时操作多个属性，
代码如下：

如上当我们点击按钮时，div元素会向右移动100像素，而同时它的高度与宽度也会以生改变。
jQuery animate() 方法可以定义相对值（该值相对于元