-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (135 loc) · 4.33 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!-->
<html>
<title>Cindy&Nick's Happiness Time</title>
<meta name="description" content="Cindy,Nick">
<meta charset="utf-8">
<link rel="stylesheet" href="./style/jquery.maximage.min.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="./style/screen.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="./style/sweet-alert.css" type="text/css" media="screen" charset="utf-8" />
<style type="text/css">
body{
font-family: 'Microsoft YaHei';
font-size: 16px;
}
.type-word{
margin-top: 100px;
margin-left: 100px;
color:#FFF;
height: 26px;
line-height: 26px;
}
.btn{
margin: 10px 20px;
height: 26px;
width: 60px;
font-family: 'Microsoft YaHei';
font-size: 12px;
cursor: pointer;
float: left;
background-color: #AEDEF4;
text-align: center;
}
.btn:hover{
background-color: #A7D5EA;
}
</style>
<body>
<div id="typeWords" class="type-word"></div>
<div id="maximage">
<img src="./asset/image1.jpg" alt="" width="1400" height="1050" />
<img src="./asset/image2.jpg" alt="" width="1400" height="1050" />
<img src="./asset/image3.jpg" alt="" width="1400" height="1050" />
<img src="./asset/image4.jpg" alt="" width="1400" height="1050" />
<img src="./asset/image5.jpg" alt="" width="1400" height="1050" />
<img src="./asset/image6.jpg" alt="" width="1400" height="1050" />
<img src="./asset/image7.jpg" alt="" width="1400" height="1050" />
<img src="./asset/image8.jpg" alt="" width="1400" height="1050" />
</div>
<audio autoplay="autoplay" loop="loop" src="./asset/marryyou.mp3"/>
<script src="./script/jquery-1.11.1.min.js"></script>
<script src="./script/jquery.cycle.all.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./script/jquery.maximage.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./script/sweet-alert.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
var text = '<p>To 美吕：</p><p>从现在开始，我只疼你一个，宠你，不会骗你。</p><p>答应你的每一件事情，我都会做得到，对你讲的每一句话，都是真话。</p><p>不欺负你，不骂你，相信你。</p><p>有人欺负你，我会在第一时间来帮你。</p><p>你开心的时候，我会陪着你开心；你不开心，我也会哄着你开心。</p><p>永远觉得你最漂亮，做梦都会梦见你。</p><p>在我的心里，只有你！</p><p>From 胖牛</p><p>~</p><p>那么问题来了：</p><p>嫁给我吧！</p>';
var length = text.length+1;
var i = 0;
function type () {
if(i<length){
while(text.substr(i,1)=='<'){
i +=3;
if(text.substr(i,1)=='>'){
i++;
}
}
var show = text.substring(0,i++)+'_';
$('#typeWords').html(show);
setTimeout("type()",200);
}else{
var show = text.substring(0,--i);
$('#typeWords').html(show);
$('#typeWords').append($('<div class="btn" id="Yes">好滴</div>')
.bind('click',function(){
swal({
title: "嘿嘿嘿",
text: "佳人配才子啊",
imageUrl: "./asset/kiss.jpg",
confirmButtonText: "那是",
closeOnConfirm: false
},
function(){
swal({
title: "送你",
text: "不要客气",
imageUrl: "./asset/ring.jpg",
confirmButtonText: "喵"
},
function(){
location.href = 'accept.html';
});
});
})
).append($('<div class="btn" id="No">呸</div>')
.bind('click',function(){
swal({
title: "WHAT",
text: "你是猪么？",
imageUrl: "./asset/pig.jpg",
confirmButtonText: "是的",
showCancelButton: true,
cancelButtonText: "不是",
closeOnConfirm: false,
closeOnCancel: false
},
function(flag){
if(flag){
swal({
title: "乖",
text: "再给你次选择的机会",
imageUrl: "./asset/repeat.png",
confirmButtonText: "喵"
});
}else{
swal({
title: "猪都是这么认为的",
text: "别挣扎了，程序是我写的",
imageUrl: "./asset/reject.jpg",
confirmButtonText: "我错了"
});
}
});
})
);
}
}
$(function(){
$('#maximage').maximage();
setTimeout(type,2000);
});
</script>
</body>
</html>