jQuery动画

1、显示、隐藏的动画效果

　　　　show()/hide()

　　作用：

　　　　通过同时改变元素的宽度和高度来实现显示或者隐藏

　　用法：

　　　　$obj.show(执行事件,回调函数);

　　　　执行事件:slow,normal,fast或毫秒数
　　　　回调函数:动画执行完毕之后要执行的函数

2、上下滑动式的动画实现

　　　　slideDown()/slideUp()

　　作用：通过改变高度来实现显示或者隐藏给的效果
　　用法同show()/hide()

3、淡入淡出式动画效果

　　　　fadeIn()/fadeOut()

　　作用：通过改变不透明度opacity来实现显示或者隐藏
　　用法同show/hide

4、自定义动画效果

　　　　animate()

　　用法：animate(js对象，执行时间，回调函数）;
　　js对象：{}描述动画执行之后元素的样式
　　执行时间：毫秒数
　　回调函数：动画执行结束后要执行的函数

　　如：

    $("div").click(function(){
      $(this).animate({'left':'500px'},4000);
      $(this).animate({'top':'300px'},2000).fadeOut('slow');
    });