JQuery自定义动画animate方法

JQuery中show( ) 方法和hide( ) 方法会同时修改元素的多个样式属性，即高度、宽度和不透敏度；

fadeOut( ) 方法和fadeIn( ) 方法只会修改元素的不透明度；

slideDown( ) 方法和slideUp( ) 方法只会改变元素的高度。

很多情况下，这些方法无法满足用户的各种需求，那么就需要对动画有更多的控制，需要采取一些高级的自定义动画来解决这些问题。

语法结构为：

[javascript]  view plain copy

1. animate(params, speed, callback)  

参数说明：

a、params：一个包含杨树属性及值的映射

b、speed：速度参数，可选

c、callback：在动画完成是执行的函数，可选

1、自定义简单动画

有一个空白的HTML文档，里面有一个id='panel'的<div>元素，当<div>元素被单击时，能在页面上横向飘动

先给这个<div>元素添加CSS样式

[css]  view plain copy

1. #div