jQuery基础05-jQuery动画效果

1.隐藏、显示和切换

$(sleector).hide(speed,callback);

$(selector).show(speed,callback);

$(selector).toggle(speed,callback);                              //在显示和隐藏间切换

可选的speed参数规定隐藏、显示的速度，可以取slow、fast或毫秒数，可选的callback参数是隐藏或显示完成后所执行的函数名称。

2.淡入、淡出和切换

$(selector).fadeIn(speed,callback);

$(selector).fadeOut(speed,callback);

$(selector).fadeToggle(speed,callback);                        //在淡入和淡出间切换

3.向下滑动、向上滑动和切换

$(selector).slideDown(speed,callback);

$(selector).slideUp(speed,callback);

$(selecor).slideToggle(speed,callback);

4.停止、回调函数

$(selector).stop(stopAll,goToEnd);

可选的stopAll参数规定是否应该清楚动画队列，默认是false，即立即停止活动的动画。可选的goToEnd参数规定是否立即完成当前动画，默认是false，表示立即停止，不等待这个活动执行完毕。

回调函数就是在当前动画完全执行完成之后执行的函数。由于JavaScript语句是按顺序依次执行的，动画之后的语句可能会产生错误或页面冲突（因为动画还没有完成）。为了避免这种情况的发生，程序员可以采用参数的形式添加回调函数。