jQuery 是廣泛用于客戶端 JavaScript 的框架之一。通過使用 jQuery 框架,您可以更輕松地處理 JavaScript 操作,如添加、刪除和修改標記。jQuery animate 功能是其中一個最流行的功能之一,您可以使用它來創建動畫效果。
animate() 函數可讓您以動畫形式顯示和隱藏元素。這個函數需要與 CSS 樣式一起使用。例如,您可以使用以下代碼行將元素隱藏起來:
$('element').animate({ opacity: 0, height: 0, }, 500);
上面的代碼將元素變為透明,并將其高度設置為 0。500 表示動畫在多長時間內完成(以毫秒為單位)。
如果您只希望隱藏元素,您可以忽略高度屬性:
$('element').animate({ opacity: 0, }, 500);
同樣,如果您希望以動畫形式顯示元素,請將初始值設為 0 并將目標值設為您想要的最終狀態:
$('element').animate({ opacity: 1, height: '200px', }, 500);
上述代碼將元素以動畫形式顯示,并將其高度設置為 200 像素,動畫時間為 500 毫秒。