jQuery動畫 animate函式
animate函式作用是使元素樣式逐漸變為所傳的引數指定的樣式
$(selector).animate({params},speed,callback);
必需的 params 引數定義形成動畫的 CSS 屬性。
可選的 speed 引數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。
可選的 callback 引數是動畫完成後所執行的函式名稱。
{params}是物件,裡面存有屬性和屬性值的鍵值對
示例如下
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>title</title> <style> img { position: absolute; } </style> <script src="jquery-1.12.1.js"></script> <script> //引數1:鍵值對----css屬性和值 //引數2:時間---1000毫秒---1秒 //引數3:回撥函式 $(function () { $("#im").animate({ "width": "300px", "height": "300px", "left": "100px", "top": "100px" }, 3000); }); </script> </head> <body> <img src="https://i.loli.net/2018/11/04/5bdeece56d49b.png" alt="" id="im"/> </body> </html>
[admin via ] jQuery動畫 animate函式已經有419次圍觀