實現原理：當色子擲出后，通過jQuery的animate()函數改變色子位移，中間加入延時效果，并變換色子背景，最終動畫運行到隨機產生的點數時停止，并顯示擲出的點數。其實就是動畫過程加入多個不同圖片的幀（同flash動畫影片中的幀），幀數越多效果越好，然后逐幀運行后就形成了動畫效果。
一、準備工作
我們需要準備色子素材，本示例中，我采用從網絡上獲取到的色子素材，我們要做處理的是將6個色子圖片（1-6點），以及中間過渡效果的圖片（做運動模糊處理）放在同一張圖片上，保存為dice.png，用作色子背景圖。
載入jQuery庫，這是必須的。
代碼如下:

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com