-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathliuqin.html
More file actions
139 lines (125 loc) · 2.95 KB
/
liuqin.html
File metadata and controls
139 lines (125 loc) · 2.95 KB
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><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,user-scalable=no">
<!--嘿嘿，禁止缩放-->
<link rel="apple-touch-icon-precomposed" href="./javascripts/1.png">
<meta name="format-detection" content="telephone=no">
<title>嘿,我喜欢你啊</title>
<style type="text/css">
body {
text-align: center;
margin: 0px;
padding: 0px;
font-size: 25px;
color: #FFF;
font-family: "微软雅黑";
background: #f3961c;
}
div {
text-align: left;
}
.tittle {
width: 100%;
background: #f3961c;
top: 0px;
height: 100%;
z-index: 0;
position: absolute;
position: fixed !important;
display: none;
cursor: default;
}
.big {
font-family: "微软雅黑";
color: #FFF;
font-size: 35px;
}
.tishi {
position: absolute;
position: fixed !important;
z-index: 99;
bottom: 10px;
width: 100%;
text-align: center;
}
.tishiContent {
border: 1px solid #FFF;
font-size: 18px;
padding: 5px;
cursor: pointer;
border-radius: 5px;
}
</style>
<script type="text/javascript" src="./javascripts/jquery.min.js"></script>
<script>
// if(localStorage["index"]=="1"){
// window.location="index2.html";
// }
$(document).ready(function(e) {
$(document).scrollTop(300); /*移动滚动条到最下方*/
timer=setInterval("$.change()",6000);
t=1;
$("#t-"+t).fadeIn();
$(document).click(
function(){
/*如果用户点击了，就取消自动播放*/
clearInterval(timer);
$.change();
}
);
/*切换*/
$.change=function(){
t++;
if(t<=$(".tittle").length){
$(".tittle").slideUp(1500).fadeOut();
$("#t-"+t).slideDown(1500).fadeIn();
}else{
localStorage["index"]="1";
window.location="index2.html";
}
}
});
</script>
</head>
<body>
<center>
<div class="tittle" id="t-1" style="">
<table width="100%" border="0" height="100%">
<tbody><tr>
<td align="center"><span class="big">在这个特殊的</span>地方</td>
</tr>
</tbody></table>
</div>
<div class="tittle" id="t-2" style="">
<table width="100%" border="0" height="100%">
<tbody><tr>
<td align="center">我想对<span class="big">你说</span></td>
</tr>
</tbody></table>
</div>
</center>
<div class="tittle" id="t-3" style="">
<table width="100%" border="0" height="100%">
<tbody><tr>
<td align="center"><br><span其实我 class="big">喜欢你很久了</span其实我></td>
</tr>
</tbody></table>
</div>
<div class="tittle" id="t-4" style="">
<table width="100%" border="0" height="100%">
<tbody><tr>
<td align="center"><br>下面是我对你的<span class="big">表白内容</span></td>
</tr>
</tbody></table>
</div>
<div class="tittle" id="t-5" style="">
<table width="100%" border="0" height="100%">
<tbody><tr>
<td align="center"> <span class="big">系统</span>正在初始化...</td>
</tr>
</tbody></table>
</div>
<div align="center" class="tishi">
<span class="tishiContent">轻轻戳这里</span>
</div>
</body></html>