-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (126 loc) · 5.36 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
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>表白设计 - 辰鬼订制</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" href="https://www.acechengui.top/usr/themes/hackNote/images/logo.png">
<style type="text/css">
@font-face {
font-family: digit;
src: url('digital-7_mono.ttf') format("truetype");
}
</style>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/garden.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/jq.snow.js"></script>
</head>
<body>
<!--下面是调用方法和参数说明-->
<script>
$(function(){
$.fn.snow({
minSize: 5, //雪花的最小尺寸
maxSize: 50, //雪花的最大尺寸
newOn: 150 //雪花出现的频率 这个数值越小雪花越多
});
});
</script>
<div id="mainDiv">
<div id="content">
<div id="code">
<span class="comments">/**</span><br />
<span class="space"/><span class="comments">* Dear：今天是<b class="datetimes"></b>。</span><br />
<span class="space"/><span class="comments">* 我写这个网站来庆祝这个特殊的日子。 </span><br />
<span class="space"/><span class="comments">* 虽然，我不是一个很擅长表达言语的人。 </span><br />
<span class="space"/><span class="comments">* 但我希望我们能记住我们在一起的每一刻。</span><br />
<span class="space"/><span class="comments">*/</span><br />
Girl u = <span class="keyword">new</span> Girl(<span class="string">"Abby"</span>);<br/>
Boy i = <span class="keyword">new</span> Boy(<span class="string">"Mark"</span>);<br />
<span class="comments">// 望你每天都开开心心。</span><br />
<span class="comments">// 我把你的美丽记录在日记里，让文字把你的青春铭记。</span><br />
<span class="comments">// 我把你的笑容粘贴在日记里，让图片把你的活泼记忆。</span><br />
<span class="comments">// 我把我的照片夹进日记里，让爱情把你的幸福牢系。</span><br />
<span class="comments">// 当我凝视你的眼，当我听到你的声音。 </span><br />
<span class="comments">// 当我闻到你秀发上淡淡的清香。 </span><br />
<span class="comments">// </span><br />
<span class="comments">//当我感受到我剧烈的心跳，我明白了：</span><br />
<span class="comments">// 你在我心中最美。 </span><br />
我想照顾你 <br />
<span class="comments">// 所以我继续等待，我有信心，你会。</span><br />
<span class="placeholder"/><span class="comments">// 我认为这是一个重要的决定。</span><br />
<span class="placeholder"/><span class="comments">// 你可以在任何时候决定。</span><br />
我非常高兴能认识你<br />
</div>
<div id="loveHeart">
<canvas id="garden"></canvas>
<div id="words">
<div id="messages">
Dear,Lucky to meet you：
<div id="elapseClock"></div>
</div>
<div id="loveu">
<div class="signature">--辰鬼</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg1">
<div class="main">
<footer style="line-height:20px">
<div id="copyright">
<a href='' target="_blank"></a>
<a href="" target="_blank"></a>
<a href="" target="_blank"></a>
</object>
</div>
</div>
</div>
</div>
<script type="text/javascript">
let date = new Date(),
seperator1 = '-', //格式分隔符
year = date.getFullYear(), //获取完整的年份(4位)
month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)
strDate = date.getDate() // 获取当前日(1-31)
if (month >= 1 && month <= 9) month = '0' + month // 如果月份是个位数，在前面补0
if (strDate >= 0 && strDate <= 9) strDate = '0' + strDate // 如果日是个位数，在前面补0
let currentdate = year + seperator1 + month + seperator1 + strDate
$(".datetimes").text(currentdate);
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2010, 06, -32);
together.setHours(00);
together.setMinutes(0);
together.setSeconds(0);
together.setMilliseconds(0);
if (!document.createElement('canvas').getContext) {
var msg = document.createElement("div");
msg.id = "errorMsg";
msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
document.body.appendChild(msg);
$("#code").css("display", "none")
$("#copyright").css("position", "absolute");
$("#copyright").css("bottom", "10px");
document.execCommand("stop");
} else {
setTimeout(function () {
startHeartAnimation();
}, 5000);
timeElapse(together);
setInterval(function () {
timeElapse(together);
}, 500);
adjustCodePosition();
$("#code").typewriter();
}
</script>
<!-- <embed src="http://sisiyan.sinaapp.com/Love.mp3" autostart="true" loop="true" hidden="true"></embed> -->
</body>
</html>