animate动画 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         * {
 8             margin: 0;
 9             padding: 0;
10         }
11         #box{
12             width: 200px;
13             height: 200px;
14             background: #20ffb4;
15 
16         }
17     </style>
18 </head>
19 <body>
20     <div id="box"></div>
21     <script src="jquery.js"></script>
22     <script>
23         $("#box").animate({
24                 "width": "400px",
25                 "height": "400px",
26              
27         },2000)
28     </script>
29 </body>
30 </html>

 

posted @ 2018-10-22 01:05  kanglun  阅读(114)  评论(0)  编辑  收藏  举报