微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

滚动圆,变大jq

<table class="html5"><tr class="li1">
<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

> >     >     >Document>     >         #jinbi{             width:60px;             height:60px;             background:gold;             border-radius:50%;             text-align:center;             line-height: 60px;             font-size:30px;             font-weight:bold;             position:absolute;             left:10px;             top:100px;         }         #jinbi-1{             width:80px;             height:80px;             background:red;             border-radius:50%;             text-align:center;             line-height: 80px;             font-size:50px;             font-weight:bold;             position:absolute;             left:94px;             top:100px;             transform:rotate(21deg);             display:none;         }     > > >     >         ¥     >         >¥>     ><>     >         $(function(){               var widthNum = $("#jinbi").width();//金币宽度             var heightNum = $("#jinbi").height();//金币高度             var leftNum = 10;//left值             var topNum = 100;//top值             var rotateNum = 0;//旋转角度             function change(){                     //判断                 if(widthNum == 80){                     //显示备用金币                     $("#jinbi-1").css("display","block");                   }                 if(widthNum == 130){                     clearInterval(countTime);                 }                 widthNum ++;                 heightNum ++;                 fontNum  = widthNum/2;                 leftNum +=4;                 //保证圆心在同一水平线                                 topNum = 100-(heightNum - 60)/2;                   rotateNum ++;                   $('#jinbi').css({                     "width":widthNum+"px",                    "height":heightNum+"px",                    "font-size":fontNum+"px",                    "line-height":widthNum+"px",                    "left":leftNum + "px",                    "top":topNum +"px",                    "transform":"rotate("+ rotateNum +"deg)"                 });             }             // change();             var countTime = setInterval(function(){                 change();               },50)         })     >     > >  

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐