-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (136 loc) · 5.31 KB
/
index.html
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="zh" draggable="false">
<!-- renqiang -->
<head>
<meta name="screen-orientation" content="portrait">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
<title>❤囍❤</title>
<link rel="shortcut icon" href="./img/logo.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/wall.css">
<!-- <link rel="stylesheet" href="css/font.css"> -->
<style type="text/css">
body,
html {
width: 100%;
height: 100%;
}
.words {
padding: 1px 5px 1px;
font-size: 14px;
font-family: 'arial';
margin-top: 1px;
/*40*/
text-align: center;
text-decoration: none;
color: rgb(255, 255, 255);
animation:fadenum 5s 1;
}
@keyframes fadenum{
0%{opacity: 0;}
100%{opacity: 1;}
}
a:link {
color: rgb(0, 248, 25);
text-decoration: none;
}
a:visited {
color: rgb(180, 203, 4);
text-decoration: none;
}
a:hover {
color: rgb(255, 255, 255);
text-decoration: none;
}
a:active {
color: rgb(241, 34, 2);
text-decoration: none;
}
</style>
</head>
<body>
<!--光标之泡泡-->
<script type="text/javascript" src="js/bubbleCursor.js"></script>
<!--光标特效仙女棒-->
<script type="text/javascript" src="js/fairyDustCursor.js"></script>
<!--鼠标单击之爱心-->
<script type="text/javascript" src="js/clicklove.js"></script>
<!--蜘蛛网-->
<script type="text/javascript" src="js/spiderwebs.js"></script>
<div id="main" class="wall">
<div onwaiting="" id="w1" class="words" onclick="displayP3()"> <!--onmouseleave="disappearP3()"-->
<img src="./img/logo.png" align="middle" width=20% />
<p style="font-size: 16px; font-weight: bolder; color: #ff0000;">囍礼</p>
<p id = "P2" class="words" style="display: none; text-align: left; text-indent: 2em;">
我们为大家准备了一些具有老家川渝家乡特色的零食囍礼：
泡菜、婚礼喜糖、大凉山苦荞茶、灯影牛肉、磁器口麻花、合川桃片哈。
小礼盒里面充满了酸、甜、苦、辣、麻...小小心意，不成敬意。</p>
</div>
<div id="w2" class="words">
<p id = "P3" class="words" style="display: none; font-size: 8px; text-align: center; text-indent: 2em; text-decoration:aliceblue;">
One more thing...<br>我们在礼盒里随机投放了一些小红包，祝您好运。<br>此外，您可凭囍礼盒找我们兑换一个:
<a href="./img/保鲜密封袋.jpg">保鲜密封袋</a>。
</p>
</div>
</div>
<script type="text/javascript">
setTimeout("displayP2()",5000);
</script>
<script type="text/javascript">
function displayP2() {
document.getElementById("P2").style.display = "block";
}
</script>
<script type="text/javascript">
function displayP3() {
document.getElementById("P3").style.display = "block";
}
</script>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/tagcanvas.js"></script>
<script type="text/javascript" src="js/member.js"></script>
<!-- 3D球 -->
<script type="text/javascript">
(function () {
var choosed = JSON.parse(localStorage.getItem('choosed')) || {};
console.log(choosed);
var speed = function () {
return [0.1 * Math.random() + 0.01, -(0.1 * Math.random() + 0.01)];
};
var getKey = function (item) {
return item.name + '-' + item.Lnumber;
};
var createHTML = function () {
var html = ['<ul>'];
member.forEach(function (item, index) {
item.index = index;
var key = getKey(item);
var color = choosed[key] ? 'red' : 'white';
html.push('<li><a href="#" style="color: ' + color + ';">' + item.name + '</a></li>');
});
html.push('</ul>');
return html.join('');
};
var canvas = document.createElement('canvas');
canvas.id = 'myCanvas';
canvas.width = document.body.offsetWidth;
canvas.height = document.body.offsetHeight;
document.getElementById('main').appendChild(canvas);
new Vue({
el: '#tools',
mounted() {
canvas.innerHTML = createHTML();
TagCanvas.Start('myCanvas', '', {
textColour: null,
textFont: 'arial',
initial: speed(),
dragControl: true, //1 true 0 false
textHeight: 14 //14
});
},
});
})();
</script>
</body>
</html>