歡迎您光臨本站 註冊首頁

· jquery animate函式雜誌閱讀

jQuery動畫 animate函式

admin @ 2020-04-17 reply:0

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次圍觀

http://coctec.com/magazine/show-post-item-25.html