jQuery动画

1、显示与隐藏

显示：show(speed,callback)

隐藏：hide(speed,callback)

显示与隐藏切换：toggle(speed,callback)

参数：speed：可选规定显示/隐藏的速度，可以取值："slow"、"fast" 或毫秒。

callback：可选，是显示或隐藏完成后所执行的函数名称。

      注意：显示与隐藏是通过改变高度、宽度、透明度来实现动画效果。

      代码案例如下：

2、淡入与淡出

      淡入：fadeOut(speed,callback)

      淡出：fadeIn(speed,callback)

   淡入与淡出切换：fadeToggle(speed,callback)

参数：speed：可选规定效果的时长，可以取值："slow"、"fast" 或毫秒。

callback：可选，是淡入或淡出完成后所执行的函数名称。

   注意：淡入与淡出是通过改变不透明度来实行动画效果。

   代码案例如下：

补充：

   给定透明度：fadeTo(speed,opacity,callback)

参数：speed：必填，规定效果的时长，可以取值："slow"、"fast" 或毫秒。

            opacity：必填，将效果设置为给定的不透明度(值介于0与1之间)

callback：可选，是fading完成后所执行的函数名称。

      代码案例如下：

3、滑动

   滑动显示：slideDown(speed,callback)

      滑动隐藏：slideUp(speed,callback)

      滑动显示与隐藏切换：slideToggle(speed,callback)

参数：speed：可选规定效果的时长，可以取值："slow"、"fast" 或毫秒。

callback：可选，是显示或隐藏完成后所执行的函数名称。

   注意：滑动是通过改变高度来实现动画效果。

代码案例如下：

4、动画

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

animate({params},speed,callback)

参数：params：必填，定义形成动画的CSS的属性

speed：可选规定效果的时长，可以取值："slow"、"fast" 或毫秒。

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

注意：动画是通过自定义CSS的属性来实现效果。颜色动画不包含在核心jQuery库中。如果想要应用动画颜色，可以  从jQuery下载颜色动画插件。

   代码案例如下：