簡單動畫

show()? ? ? ?顯示

hide()? ? ? ? ?隱藏

toggle()? ? ? 顯示或隱藏

slideDown()? ?向下展開

slideUp()? ? ? ?向上收起

sildeToggle()? ? 展開或收起

fadeIn()? ? ? ? 淡入

fadeOut()? ? ?淡出

fadeTo()? ? ? ?漸變到一定程度

fadeToggle()? ? ?淡入或淡出

以上小括號可以傳遞兩個參數：1. 時間? ?2. 回調函數

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?時間：1.毫秒? 2.有默認三個值

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?默認三個值：slow? 600； normal? 400；? fast? 200

---

任意動畫

d.animate({ ?left:'50px',?top:'50px'} ,2000)? ? ? ? ?原生jq動畫，不支持顏色

具有累加累減的功能? ?left："+=100px"

同步動畫（同時改變的）

列隊動畫 ： 回調? ? ?d.animate({},fn(){})

? ? ? ? ? ? ? ? ? ? 連綴?? ? d.animate().animate().animate()

動畫控制：stop()? ? ? ?暫停

? ? ? ? ? ? ? ? ? delay()? ? ?延遲

? ? ? ? ? ? ? ? ? finish()? ? ?結束

jquery動畫拓展庫 JQuery.easing

? ? ? ? ? ? ??

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

總結

以上是生活随笔為你收集整理的JQ----动画的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。