fudaola/index.html at master · ldyivan/fudaola · GitHub

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
<!doctype html>

<html lang="en">

	<head>

		<meta charset="UTF-8">

		<title>

			福到啦 - 集五福 - http://www.hzv5.cn/fudaola
		</title>

		<meta name="author" content="吖远zzy" />
		<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

		<style type="text/css">

		html,body,div,h1,p,a,ul,li{border:0;outline:0;vertical-align:baseline;margin:0;padding:0;}html,body{height:100%;cursor:url(st.cur),auto;}body{width:100%;background-color:darkred;font-size:16px;font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}img{width:100%;}.stgod_banner{width:100%;height:100%;background:url('b.png')no-repeat

			center bottom;background-size:100%;}.stgod_banner_m{width:100%;text-align:center;color:#fff;padding-top:1%;text-shadow:0 2px 4px rgba(0,0,0,0.2);}.stgod_pay_m{width:26%;margin-top:1%;min-width:300px;text-align:center;margin:auto;border:8px solid rgba(255,255,255,0.5);}.pt{clear:both;padding:1%;color:#666;text-shadow:none;}.links{cursor:pointer;border:1px #fff solid;padding:0.6%;color:#fff;box-shadow:0px 0px 6px 0px #c1c1c1;text-align:center;margin:auto;width:30%;margin-top:1%;}#st_top{width:100px;height:100px;overflow:hidden;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;}#myimg{margin:auto;width:88%;overflow:hidden;}0%{transform:rotate(0deg)}style.css:550 100%{transform:rotate(360deg)}#st_imgdiv1{height:150px;width:150px;margin:auto;position:relative}#rond{height:100px;width:100px;border:1px solid #ececec;border-radius:50%;position:absolute;top:20px;left:15px;animation:rond 2s infinite;-webkit-animation:rond 2s infinite}#st_imgdiv1 #my{text-align:box-shadow:0px 6px 30px 6px #ffffff;center;position:absolute;top:30px;left:24px}#you{height:10px;width:10px;position:absolute;background-color:#cecece;border-radius:50%;top:0px;left:24px}#rond{height:116px;width:116px;border:1px solid #dadada;border-radius:50%;position:absolute;top:20px;left:15px;animation:rond 3.5s infinite;-webkit-animation:rond 3.5s infinite}@keyframes rond{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rond{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}

		</style>

	</head>

	<body>

<div id="myimg" title="互联网最后一片净土"><div id="st_imgdiv1"><div id="rond"><div id="you"></div></div><div id="my"><div id="st_top" title="英俊的LOGO(够大)"><img src="st.gif"></div></div></div></div>

		<div class="stgod_banner">
			<div class="stgod_banner_m">

				<h1 style="font-size:2em;">五福到 集五福 过大年</h1>
				<span style="line-height:28px;">支付宝AR扫一扫 拼手气分亿元 </span>
				<div class="stgod_pay_m">
					 <img src='images/0.jpg'/ id="st">
				</div>
				<div class="links" onclick="sun();">再来一张福</div>

				</br>
				</br>
				</br>

				<span style="line-height:28px;">同事小马手写福-额外buff加成 </span>
				<div class="stgod_pay_m">
					 <img src='ma/3d592960-c0cd-4838-bc75-7dfe158bb40c.png'/ id="ma">
				</div>

				</br>
				</br>
				</br>

				<span style="line-height:28px;">品牌产品LOGO特殊福</span>
				<div class="stgod_pay_m">
					 <img src='supimages/0.jpg'/ id="supst">
				</div>
				<div class="links" onclick="run();">再来一张特殊福</div>

				</br>
				</br>

			</div>
		</div>

 <script type="text/javascript">
	function sun() {
		var rd = Math.floor(Math.random()*60);
		var element = document.getElementById('st');
		element.src = "images/"+rd+".jpg";
	}

	function run() {
		var rd = Math.floor(Math.random()*4);
		var element = document.getElementById('supst');
		element.src = "supimages/"+rd+".jpg";
	}
</script>


	</body>

</html>