jQuery中的动画

1、基本动画

.hide()       //隐藏
.hide(time)   //渐变隐藏  
.hide(time,function)  //渐变隐藏加回调函数 

.show()       //显示
.show(time)   //渐变显示  
.show(time,function)  //渐变显示加回调函数 

变化的是css样式，宽高透明度

开关效果

.toggle();   //隐藏则显示，显示则隐藏
.toggle(time);   //时间内执行
.toggle(time,function);    //执行后回调

2、垂直动画

$().slideUp();   //隐藏
$().slideUp(time);  //动画隐藏
$().slideUp(time,function);   //动画加回调

$().slideDown();    //显示
$().slideDown(time);    //动画显示
$().slideDown(time,function);    //动画显示加回调

开关垂直动画

.slideToggle();   //隐藏则显示，显示则隐藏
.slideToggle(time);   //时间内执行
.slideToggle(time,function);    //执行后回调

3、颜色渐变动画

$().fadeOut();  //透明度渐变消失，默认时间
$().fadeOut(time);  //透明度渐变消失，自设时间
$().fadeOut(time,function);  //回调

$().fadeIn();   //渐变显示，默认时间
$().fadeIn(time);    //自设时间
$().fadeIn(time,function);  //回调函数

开关

$().fadeToggle();   //颜色渐变开关
$().fadeToggle(time);    //时间自设
$().fadeToggle(time,function);    //回调函数

动画到指定

$().fadeTo(speed,opocity,function); //时间，透明度，回调函数