下面給大家分享一下，js實現打地鼠中地鼠（這里是灰太狼）的上升運動的動畫效果

1.首先準備好一套漸進的圖片

（實現原理，注意圖片后面的數字為有序的，也可以自己改，而且我們想要切換圖片時，通過改變h后面的數字就可以實現了）

2.創建一個img，并用js獲取他的對象，用于裝我們的圖片（這里通過id獲取，）

3.通過setAttribute給img添加src，而且變量i的自增則是控制著圖片的切換

?

4.接下來只需要通過一個計時器重復調用fn方法就可以實現地鼠上升的動畫了（還有一個問題就是i是在不斷遞增的，而且圖片只到5就結束了，使用我們需要在方法中設置一個判斷，超過5時就停止定時器）

?5.要實現下降的效果其實與上升是同理的，只需要讓變量從5開始遞減就可以實現了，在這里我就不做演示了，

?

總結

以上是生活随笔為你收集整理的使用js实现简单的动画效果的全部內容，希望文章能夠幫你解決所遇到的問題。

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