首頁 > 網際網路

jquery如何使用animate動畫?

2019-12-12 08:27:30

animate是動畫的方法,可以設定元素完成動畫的效果,如移動位置,變大變小,自動旋轉等動畫那麼如何完成animate簡單的動畫操作呢?

1

建立一個名為animate的html的操作。


2

加入一個button按鈕和一個div並設定樣式


3

在animate檔案中引入jquery庫js檔案。


4

加入文件等待函數ready。


5

在ready中加入一個button點選事件click


6

在button點選事件中加入animate方法,讓div在點選button的時候有原來的位置向下較慢移動250 畫素。


7

在瀏覽器中執行該檔案,點選button後div會向下移動。




IT145.com E-mail:sddin#qq.com