jQuery動畫
1..show()用于顯示元素
.show( [duration ] [, easing ] [, complete ] )
$('#btn-box1').on('click', function(){
$('.box').show('normal')
})
2..hide()用于隱藏元素狞洋，沒有參數(shù)的時候等同于直接設(shè)置display屬性
.hide([duration ] [,easing ] [,complete ])
$('#btn-box2').on('click', function(){
$('.box').hide('normal')
})
3..slideUp ()
用滑動動畫隱藏一個匹配元素矮台，方法將給匹配元素的高度的動畫际乘，這會導(dǎo)致頁面的下面部分滑上去宏多，當(dāng)一個隱藏動畫后母债，高度值達(dá)到0的時候识藤，display 樣式屬性被設(shè)置為none搭盾，以確保該元素不再影響頁面布局。 display 樣式屬性將被設(shè)置為none，以確保該元素不再影響頁面布局诚亚。
.slideUp( [duration ] [, easing ] [, complete ] )
$('#btn-box6').on('click', function(){
$('.box').slideUp()
})
4..slideDown
用滑動動畫顯示一個匹配元素，方法將給匹配元素的高度的動畫午乓，這會導(dǎo)致頁面的下面部分滑下去站宗，彌補(bǔ)了顯示的方式
.slideDown( [duration ] [, easing ] [, complete ] )
$('#btn-box5').on('click', function(){
$('.box').slideDown()
})
5..slideToggle
用滑動動畫顯示或隱藏一個匹配元素，方法將給匹配元素的高度的動畫益愈，這會導(dǎo)致頁面中梢灭，在這個元素下面的內(nèi)容往下或往上滑。display屬性值保存在jQuery的數(shù)據(jù)緩存中蒸其，所以display可以方便以后可以恢復(fù)到其初始值敏释。
如果一個元素的display屬性值為inline，然后是隱藏和顯示摸袁，這個元素將再次顯示inline钥顽。當(dāng)一個隱藏動畫后，高度值達(dá)到0的時候靠汁，display 樣式屬性被設(shè)置為none蜂大，以確保該元素不再影響頁面布局。
.slideToggle( [duration ] [, easing ] [, complete ] )
$('#clickme').click(function() {
$('#book').slideToggle('slow')
});
6..fadeIn通過淡入的方式顯示匹配元素
.fadeIn( [duration ] [, easing ] [, complete ] )
$('#btn-box3').on('click', function(){
$('.box').fadeIn()
})
7..fadeOut通過淡出的方式隱藏匹配元素
$('#btn-box4').on('click', function(){
$('.box').fadeOut()
})
8..animate自定義動畫
.animate( properties [, duration ] [, easing ] [, complete ] )
$('#btn1').click(function(){
$('.box').animate({
left: '100px'
}, 1000)
})