-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·150 lines (136 loc) · 5.58 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
147
148
149
150
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "2">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>For Andy</title>
<style type="text/css">
@font-face {
font-family: digit;
src: url('digital-7_mono.ttf') format("truetype");
}
</style>
<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>
<!--<audio src="./xjn.mp3" autoplay="autoplay"> </audio> autoplay-->
<embed src="./a_song.mp3" autoplay="autoplay" width="300" height="100" loop=“-1” autostart="True"><div id="bbb">先点一下音乐播放键!</div><div id="bbb">再向下滑动鼠标哦!</div></embed>
</head>
<body>
<div id="mainDiv">
<div id="content">
<div id="code">
<span class="comments">/**</span><br />
<span class="space"/><span class="comments">*2020—05-20</span><br />
<span class="space"/><span class="comments">*/</span><br />
This is <span class="keyword">you</span> -> Mr.<span class="keyword">Andy</span><br />
This is <span class="keyword">me</span> -> Mr.<span class="keyword">Jack</span><br />
<span class="comments">// When the words "<span class="keyword">I love you</span>" were said by <span class="keyword">Andy</span> for the first time, <span class="keyword">Jack's</span> world blossoms. </span><br />
<span class="keyword">I</span> love <span class="keyword">you</span> very much,<br />
<span class="comments">// However,</span><br />
<span class="keyword">You</span> love <span class="keyword">me</span> just a little(of course not).<br />
<span class="comments">// After being together,</span><br />
<span class="keyword">I</span> call <span class="keyword">you</span> baby,<br />
<span class="comments">// At the same time,</span><br />
<span class="keyword">You</span> call <span class="keyword">me</span> dady.<br />
<span class="comments">// hhh.........</span><br />
<!--<body style=" background:url(3.jpg)">-->
Do <span class="keyword">you</span> know why <span class="keyword">I</span> say good morning to <span class="keyword">you</span> every day?<br />
<span class="comments">//Because,</span><br />
<span class="keyword">You</span> are pretty much the only thing that makes <span class="keyword">me</span> want to get up in the morning. <br />
<span class="comments">// Tell <span class="keyword">you</span> a secret,</span><br />
When <span class="keyword">you</span> say good night to <span class="keyword">me,</span> I always want to do something bad with you!(hiahiahia)<br />
<span class="comments">// On this day full of special meaning,</span><br />
<span class="keyword">Jack</span> promises <span class="keyword">Andy</span> that Anywhere you are, I am near. Anywhere you go, I'll be there.<br />
<br>
<br>
Finally,I want to say:<br />
Baby, I love you forever。<br />
</div>
<div id="loveHeart">
<canvas id="garden"></canvas>
<div id="words">
<div id="messages">
小耗纸,我们已经在一起
<div id="elapseClock"></div>
</div>
<div id="loveu">
爱你,宝贝你,珍惜你--直到永远<br/>
<div class="signature">- 大喵咪</div>
</div>
</div>
</div>
</div>
<div id="copyright">
<a href="#">....</a><br />
<a href="#">....</a><br />
</div>
</div>
<!--下面是向右滚动代码-->
<div id="butong_net_right" style="overflow:hidden;width:2048px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="1.jpg"width="256" height="256"/></td>
<td><img src="2.jpg"width="256" height="256"/></td>
<td><img src="3.jpg"width="256" height="256"/></td>
<td><img src="4.jpg"width="256" height="256"/></td>
<td><img src="5.jpg"width="256" height="256"/></td>
<td><img src="6.jpg"width="256" height="256"/></td>
<td><img src="7.jpg"width="256" height="256"/></td>
<td><img src="8.jpg"width="256" height="256"/></td>
</tr>
</table>
</td>
<td id="butong_net_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() {clearInterval(MyMar4)}
butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>
<!--向右滚动代码结束-->
<script type="text/javascript">
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
together.setFullYear(2019, 10, 27);
together.setHours(23);
together.setMinutes(36);
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();
}, 70000);
timeElapse(together);
setInterval(function () {
timeElapse(together);
}, 500);
adjustCodePosition();
$("#code").typewriter();
}
</script>
</body>
</html>