自定义动画
animate（）
可以实现任意动画效果，需要传递的参数是DOM元素最终的CSS状态和时间
ps：
//图片切换小动画
var swiper = function(){
$('img').eq(index).stop().animate({' opacity': '1'},1000).sublings().stop().animate({' opaciyt' : ' 0 '},1000)
}
//加stop的作用是，当前如果有动画的时候再去切换别的图片，那么当前动画立即停止。
delay()
可以实现动画暂停
ps：
var swiper = function(){
$('div').stop().animate({'width':'0%',1000)
.delay(1000).animal({'width':'100%'},1000);
}
//这是动画是内容从宽度为0向宽度为100%切换，1秒延迟。
show/hide()
直接以无参形式调用show（）和hide（），会显示和隐藏DOM元素，但是只要传递一个时间参数进去，就变成了动画。
ps：
$('div').hide(2000);
//两秒内逐渐消失
toggle()
根据当前状态决定是显示还是隐藏
fadeIn/fadeOut
淡入淡出，就是通过不断设置DOM元素的opacity来实现的
fadeToggle（）
根据元素是否可见来决定下一步
slideUp/slideDown（）
垂直方向逐渐展开或收缩
slideToggle（）
根据元素是否可见来决定下一步
setTimeout
setInterval
效率稍高
