本文实例讲述了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是指绝对定位,即将对象从文档流中拖出,使用