jQuery实现动画效果

主要总结了一些常用的jQuery实现动画的方法。
hide()
隐藏HTML元素

show()
显示HTMl元素

toggle()
show()和hide()的相结合的方法，当一开始效果为隐藏时，第一次执行为显示元素，当前一次效果为显示时，则再次执行则为隐藏元素
三种方法语法一样，为：

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

参数说明：
speed，可选参数，规定需要隐藏或者显示的速度，可以取"slow"、“fast” 或毫秒。
callback，可选参数，在隐藏或者显示完成之后需要执行的函数名。

fadeIn()
淡入需要隐藏的元素

fadeOut()
淡出需要显示的元素

fadeToggle()
fadeIn()和fadeOut()的相结合的方法，作用和toggle()大致相同，在fadeIn()和fadeOut()方法来回切换
三种方法语法一样，为：

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

参数说明：
speed，可选参数，规定效果的时长。可以取"slow"、“fast” 或毫秒。
callback，可选参数，淡入或者淡出完成后所执行的函数名。

fadeTo()
渐变到指定的透明度

$(selector).fadeTo(speed,opacity,callback);

参数说明：
speed，必需的参数，规定效果的时长。可以取"slow"、“fast” 或毫秒。
opacity，必需的参数，将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。
callback，可选参数，淡入或者淡出完成后所执行的函数名。

slideDown()
向下滑动元素

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

参数说明：
speed，必需的参数，规定效果的时长。可以取"slow"、“fast” 或毫秒。.
callback，可选参数，滑动完成后所执行的函数名。

slideUp()
向上滑动元素

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

参数说明：
speed，必需的参数，规定效果的时长。可以取"slow"、“fast” 或毫秒。.
callback，可选参数，滑动完成后所执行的函数名。

slideToggle()
slideDown()和slideUp()的相结合的方法，在 slideDown() 与 slideUp() 方法之间进行切换。

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

参数说明：
speed，必需的参数，规定效果的时长。可以取"slow"、“fast” 或毫秒。.
callback，可选参数，滑动完成后所执行的函数名。

重点：animate()

$(selector).animate({params},speed,callback);

params，必需的参数，定义形成动画的 CSS 属性。
speed，可选参数，规定效果的时长。可以取"slow"、“fast” 或毫秒。
callback，可选参数，动画完成后所执行的函数名称。

例如：

 $("div").animate({
    height:'200px',
    width:'200px',
    backgroundColor:"red",
    color:"blue"
  },slow);

慢速的执行将div标签的高度设置为200px，宽度设置为200px，背景色设置为红色，字体颜色设置为蓝色。
animate()方法几乎可以操作元素所有的CSS属性，但是在设置需要注意使用小驼峰命名法，即第一个单词的首字母小写，后面的单词的首字母全部大写，例如：fontSize、backgroundColor、marginLeft.