如何使用animate方法給div加動畫效果

新建一個html頁面，定名為test.html，并在頁面頭部加載jquery.min.js庫文件，用于利用animate方式給div加動畫結果。

在test.html頁面，利用button標簽建立一個名稱為“起頭動畫”的按鈕，用于點擊起頭展示動畫結果。

在test.html頁面，利用div建立一個長寬都為100px的正方形，并給它設置布景顏色，出格需要注重的是div要設置position屬性，這是實現動畫結果的前提。

編寫js代碼，給button按鈕綁心猿意馬點擊事務，當按鈕被點擊時，執行function()函數來實現動畫結果。

在js里，獲得div對象并綁心猿意馬實現動畫的方式animate(),下面將設置其屬性實現動畫結果。

經由過程animate()方式的屬性設置動畫結果，當點擊“起頭動畫”按鈕后，實現“div標的目的右移動250px，長寬擴大為150px，透明度為0.5”的結果。

在瀏覽器打開test.html頁面，點擊“起頭動畫”按鈕，查看實現的動畫結果。

0 條評論