jquery动画

基本动画

1.  显示：

   元素.show(); // 让元素从隐藏状态变为显示状态（从display:none;变为 display:block;）
   可选参数1：时间，毫秒数 == 让元素在规定的时间内显示（操作的属性有很多）
   可选参数2：速度方式，匀速或加速或减速
   可选参数3：动画结束后执行的回调函数

2. 隐藏：

   元素.hide()； // 让元素从显示状态切换到显示状态
   可选参数和show一样

3. 切换显示隐藏：

   元素.toggle(); // 让元素在隐藏和显示状态切换
   可选参数和show一样

4. 元素上下拉动隐藏显示：

   元素.slideDown() // 让元素向下拉动显示
   元素.slideUp() // 让元素向上拉动隐藏
   元素.slideToggle() // 让元素切换上下拉动显示隐藏
   参数和show一样

5. 元素透明度显示隐藏：

   元素.fadeIn() // 让元素从透明度0变为1的显示
   元素.fadeOut() // 让元素从透明度1变为0的隐藏
   元素.slideToggle() // 让元素切换透明度显示隐藏
   参数和show一样

6. 让元素切换到指定的透明度：

   元素.fadeTo(毫秒数,透明度,速度方式,结束的回调函数) // 让元素在指定的时间内切换到指定的透明度

自定义动画

1.  开启动画：

   元素.animate({
       css属性名:属性值,
       css属性名:属性值,
       。。。
   }[,毫秒数][,速度方式][,执行结束的回调函数]);

2. 停止动画：

   元素.stop(); // 将动画停止在当前状态
   元素.finish(); // 将动画停止在结束状态