如何使用jquery實現動畫效果

2019-12-11 18:10:19

在網頁中，動畫效果會讓我們眼前一亮，所以，今天我們就來看看如何使用jquery實現動畫效果；

建立一個記事本文件，之後要記錄程式碼的，如圖所示；

書寫一個div塊，之後我們在這個div上面做一個動畫效果；

接下來引入jquery，如圖，<script src="jquery.js"/>;

書寫<script></script>標籤，用於書寫js程式碼；

我們要使用的是 animate()方法，自定義動畫效果；

如圖所示，$("div").animate({ left:'250px' });，可以使div以動畫效果改變位置；

如圖所示，我們可以設定多個屬性;

$("div").animate({ left:'250px',height:'150px' });