jquer基本動畫時jquery提供的封裝好的方法，只需要呼叫就行，比較簡單。
顯示 show/隱藏hide
"button" value=
"顯示" id=
"show"
>
"button" value=
"隱藏" id=
"hide"
>
="box"
>
<
/div>
//此時div會立即顯示$(
"#show").
click
(function()
)//div會立即隱藏$(
該動畫只是簡單的講元素進行隱藏或顯示，與以下**效果相同
$("#show").
click
(function()
)$("#hide").
click
(function()
)
//該動畫讓div在500毫秒內顯示$(
"#show").
click
(function()
)})//該動畫讓div在500毫秒內讓div隱藏$(
"#hide").
click
(function())})
此時可以看出有一些過渡的效果，由此我們可以看到
hide方法會同時減少"內容"的高度、寬度和不透明度，直至這3個屬性的值都為0，最後設定該元素的"display:none"
同理，show方法則會從上到下增大"內容"的高度，從左到右增大"內容"的不透明度，直至新聞的內容完全顯示
淡入fadein/淡出fadeout
與show()和hide()方法不同的是，fadein()方法和fadeout()方法只改變元素的不透明度
fadeout()方法會在指定的一段時間內降低元素的不透明度，直到元素完全消失(「display:none」);fadein()方法則相反
//該動畫讓div從隱藏到現實$(
"#show").
click
(function()
)})//該動畫讓div從顯示到隱藏$(
"#hide").
click
(function()
)})/*如果只想改變"內容"的不透明度，就可以使用fadein和fadeout()方法*/
滑入 slidedown/滑出slideup
slideup()方法和slidedown()方法只會改變元素的高度
如果乙個元素的display屬性值為"none"，當呼叫slidedown()方法時，這個元素將由上至下延伸顯示。slideup()方法正好相反，元素將由下到上縮短隱藏
//該動畫讓div由上到下顯示$(
"#show").
click
(function()
)})//該動畫讓div由下到上隱藏$(
由此我們可以進行以下總結
基本動畫函式可以傳入三個引數，第乙個引數表示動畫的時長，也就是動畫持續時間，第二個引數可以理解為動畫運動曲線，第三個引數是乙個函式當動畫執行完畢後再執行匿名函式。
在jquery中，可以使用animate()方法來自定義動畫
animate()的語法結構為：animate(params,speed,callback)
params：乙個包含樣式屬性及值的對映速度
speed：引數，可選
callback：在動畫完成時執行的函式
//該動畫是使div的寬高變為300$(
"#show").
click
(function()
,function()
)})//該動畫是使div的寬高減小為0$(
使用animate也可以依次執行多個動畫，只要在前乙個動畫結束後再次呼叫animate方法即可
例：先使div的寬度和高度都變為300在減小為0
$
("#show").
click
(function()
,function()
,function()
);})
})
第二個動畫會在第乙個動畫執行完畢後執行
很多時候需要停止匹配元素正在進行的動畫，如果需要在某處停止動畫，需要stop()方法
stop()方法的語法結構為：stop([clearqueue],[gotoend])
引數clearqueue和gotoend都是可選的引數，為boolean值（true或false）
clearqueue代表是否要清空未執行完的動畫佇列，預設為 false。動畫效果的執行具有先後順序，稱為"動畫佇列"。
gotoend代表是否直接將正在執行的動畫跳轉到末狀態，預設為false。
如果直接使用stop()方法，則會立即停止當前正在進行的動畫，如果接下來還有動畫等待繼續進行，也就是說沒有清空動畫佇列，則以當前狀態開始接下來的動畫。
stop()方法會結束當前正在進行的動畫，並立即執行佇列中的下乙個動畫。
由效果圖可知，我們在執行slidedown動畫時停止了動畫。此例中我們設定清除了動畫佇列，並且不會到達動畫的最終狀態。也就是說，當動畫停止時，會清除後面的動畫，動畫也就停止在停止的那一刻的狀態。
jquery動畫順序執行 JQuery動畫佇列詳解
jquery動畫存在乙個佇列，當在jquery物件上呼叫動畫方法時，如果物件正在執行某個動畫效果，那麼會把後面的動畫效果，放在乙個佇列裡面，然後按順序執行動畫佇列裡面的每乙個動畫。box.hide 1000,function box.show 1000,function box.fadeout sl...
android動畫簡介
android中動畫分為3種 tween animation 通過對場景裡的物件不斷做影象變換 平移 縮放 旋轉 產生動畫效果，即是一種漸變動畫 property animation 屬性動畫，通過動態地改變物件的屬性從而達到動畫效果，屬性動畫為api 11新特性。下面只介紹前兩種動畫的使用方法，屬...
CSS動畫簡介
日期 2014年2月14日 但是，css動畫除外，它實在太有用了。本文介紹css動畫的兩大組成部分 transition和animation。我不打算給出每一條屬性的詳盡介紹，那樣可以寫一本書。這篇文章只是乙個簡介，幫助初學者了解全貌，同時又是乙個快速指南，當你想不起某乙個用法的時候，能夠快速地找到...