jQuery内置动画的一些方法以及参数

一、jQuery的内置动画

1. 显示
   show()
   参数一：时间，参数二：回调函数，动画结束后执行
2. 隐藏
   hide()
   参数一：时间，参数二：回调函数，动画结束后执行
3. 显示/隐藏
   toggle()
   参数一：时间，参数二：回调函数，动画结束后执行
4. 上拉隐藏
   slideUp()
   参数一：时间，参数二：回调函数，动画结束后执行
5. 下拉显示
   slideDown()
   参数一：时间，参数二：回调函数，动画结束后执行
6. 上拉隐藏/下拉显示
   slideToggle()
   参数一：时间，参数二：回调函数，动画结束后执行
7. 淡出隐藏
   fadeOut()
   参数一：时间，参数二：回调函数，动画结束后执行
8. 淡入显示
   fadeIn()
   参数一：时间，参数二：回调函数，动画结束后执行
9. 淡出隐藏/淡入显示
   fadeToggle()
   参数一：时间，参数二：回调函数，动画结束后执行
10. 透明度
    fadeTo()
    参数一：时间，参数二：透明度，参数三：回调函数，动画结束后执行

二、 jQuery的自定义动画

animate()

• 参数一：是一个对象，里面写要改变的属性和属性值，只能写数值类属性，
  例如：left，top，width，height，padding，margin…
• 参数二：时间
• 参数三：回调函数，动画结束后执行

为了避免重复传参数三而形成回调地狱，jq提供了一个连写和连缀的方法

	$("选择器").animate().animate().animate()

• 回调函数方法不止可以写动画，还可以写别的效果
• 当控制相同元素不同效果时，要用连缀写法
• 当控制不同元素不同或相同效果时，要用连续写法

动画与其他方法之间是异步执行，要用回调函数的方法将其他方法作为函数传进animate的第三个参数

---

如有错误，请批评指正！