jquery的animate动画

最新推荐文章于 2024-07-18 10:24:18 发布

a23180012142

最新推荐文章于 2024-07-18 10:24:18 发布

阅读量43

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/thestudy/p/6282102.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6         <script src="js/jquery-1.11.3.js"></script>
 7         <script>
 8             $(function(){
 9                 $("div").click(function(){
10                     if($(this).hasClass("aa")){
11                         $(this)
12                         .animate({left:-10})
13                         .animate({top:-10})
14                         .animate({left:10})
15                         .animate({top:-10})
16                         .animate({left:-10})
17                         .animate({left:-10})
18                     }
19                     $(this).animate({'left':-20,height:300})
20                 });
21                 
22                 
23                 
24             })
25             
26             
27         </script>
28     </head>
29     <body>
30         <div class="aa" style="width: 100px;height: 100px;background: red;position: absolute;"></div>
31     </body>
32 </html>

转载于:https://www.cnblogs.com/thestudy/p/6282102.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a23180012142

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的animate动画

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <script src="js/jquery-1.11.3.js...
复制链接

扫一扫