html用jq设置动态效果,jQuery实现基本动画效果的方法详解

本文实例讲述了jQuery实现基本动画效果的方法。分享给大家供大家参考，具体如下：

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

语法：

$(selector).animate({params},speed,callback);

params:必须 定义形成动画的CSS属性

speed:可选  规定效果的时常：slow,fast或毫秒

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

jQuery animate()——操作多个属性

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

$(document).ready(function(){

$("button").click(function(){

$("div").animate({

left:'250px',

height:'150px',

width:'150px'

});

});

});

开始动画

运行结果：

absolute是指绝对定位，即将对象从文档流中拖出，使用