加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > C语言 > 正文

滚动圆,变大jq

发布时间:2020-12-15 00:23:45 所属栏目:C语言 来源:网络整理
导读: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
<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) ? ? ? ? }) ? ? > ? ? > > ?(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

<table class="html5">

    推荐文章
      热点阅读