jQuery学习笔记5——自定义动画方法animate() 一

在jQuery中不但提供了一些简单的动画方法如show(),hide()可以同时修改元素的多个样式高度、宽度和不透明度;fadeOut(),fadeIn()只会修改元素的不透明度;slideDown(),slideUp()只会改变元素的高度。而且提供了一个可以自定义动画的方法animate()方法。

animate(parama,speed,callback);

1)parama:一个包含样式属性及值的映谢,比如{property1:"value",property2:"value",……}

2)speed:速度参数,可选。

3)callback:在动画完成时执行的函数,可选。

先看一个简单的例子:

Code

 在这里我们实现了一个简单的横向飘动的例子。

 只要把{left:"500px"}修改成{left:"+=500px"}这样我们就可以实现一个加速的飘动效果。

 我们还可以添加多个样式,从而实现更多的动画效果如{left:"500px",width:"300px",height:"300px"}

posted @ 2009-07-11 12:08  郭培  阅读(272)  评论(0编辑  收藏  举报