jQuery动画

1. 三组基础动画:

第一组:
show -- 显示
hide -- 隐藏
示例:
show([speed], [easing], [callback]);
三个参数为可选参数,
speed:动画执行时间, 传入固定字符串，slow(200毫秒)、normal(400毫秒)、fast(600毫秒)，如果传其他字符串，则默认为normal;
easing:动画效果; 默认是swing, 还有 linear 匀速
callback:动画执行结束后执行的回调函数

第二组:
slideUp -- 合起
slideDown -- 展开
slideToggle--切换状态 //当元素是合起状态则展开,元素是展开状态则合起
类似于下拉列表,展开和合起. 如果不传时间参数则动画时间默认为normal(400)

第三组:
fadeIn--渐渐显示
fadeOut--渐渐隐藏
fadeToggle--切换状态 //作用同上
如果不传时间参数则动画时间默认为normal(400)

2. 自定义动画

animate: 自定义动画
$(操作元素).animate({params},[speed],[easing],[callback]);
{params}：要执行动画的CSS属性，该属性的值必须是数字,传入的属性的值如不是数字则该属性不会生效（必传属性）
其他参数为可选参数

3. 注意事项
   在jQuery动画中同一个元素上执行多个动画,动画会按照添加的顺序去执行所有动画.
   例如下拉列表动画中,当鼠标快速的多次的移入和移出,下拉类别会根据鼠标移入移出的次数执行动画,这样当鼠标离开列表时动画还是会继续执行.
   想要解决可以给元素的最后动画行数前添加停止函数,终止前面的动画只执行最后一个.---stop()
   示例: $('选择器').stop().animate({...});