1+
2+
3+ <!DOCTYPE html>
4+ <html lang =" en" >
5+ <head >
6+ <meta charset = " UTF-8" >
7+ <title >LOVE YOU</title >
8+ <script src = " http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script >
9+ <link rel = " stylesheet" href = " http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" >
10+ <script src = " http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js" ></script >
11+ <script src = " https://cdn.bootcss.com/clipboard.js/1.7.1/clipboard.min.js" ></script >
12+ <meta name = " viewport" content = " width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" >
13+ </head >
14+ <body >
15+ <div class = " container" >
16+ <div class = " row col-md-3" ></div >
17+ <div class = " row col-md-6" >
18+ <div class = " row question" >
19+ <div class = " col-md-6 col-xs-12" >
20+ <p style = " line-height: 50px;font-size: 10px;" >“小静静,我观察你很久了”</p >
21+ <p style = " line-height: 50px;font-size: 20px;" >做我女朋友好不好?</p >
22+ </div >
23+ <div class = " col-md-6 col-xs-12" >
24+ <img src = " http://ozef40uqu.bkt.clouddn.com/1.png" alt = " " style = " height: 200px;" >
25+ </div >
26+ </div >
27+ <div class = " row question" style = " margin-top: 20px;" >
28+ <div class = " col-md-6 col-xs-6" style = " text-align: center;" >
29+ <script >
30+ var clipboard = new Clipboard('.hongbao', {
31+ text : function () {
32+ return ' 3mCRTh04iA' ;
33+ }
34+ });
35+ </script >
36+ <button type = " button" class = " btn btn-success" style = " width: 80%" id = " no" >好</button >
37+ </div >
38+ <div class = " col-md-6 col-xs-6" style = " text-align: center;" >
39+ <button type = " button" class = " btn btn-danger" style = " width: 80%" id = " ok" >不好</button >
40+ </div >
41+ </div >
42+ <div class = " col-md-12 col-xs-12 hide" id = " success" >
43+ <img src = " http://ozef40uqu.bkt.clouddn.com/666.jpg" alt = " " style = " width: 100%;" >
44+ </div >
45+ </div >
46+
47+ <div class = " row col-md-3" ></div >
48+
49+ </div >
50+ <script >
51+ var i=1;
52+ var ok=false;
53+ $(document).ready(function(){
54+ $(" #no" ). click (function (){
55+ alert (" 真的吗?你答应了?" );
56+ alert (" 给我发消息吧,爱你" );
57+ $(" .question" ). addClass (' hide' );
58+ $(" #success" ). removeClass (' hide' );
59+ ok = true ;
60+ } );
61+ $("#ok").click(function(){
62+ switch (i ){
63+ case 1 :
64+ alert (" 工资上交" );
65+ break ;
66+ case 2 :
67+ alert (" 家务全包" );
68+ break ;
69+ case 3 :
70+ alert (" 房产证写你的名字" );
71+ break ;
72+ case 4 :
73+ alert (" 保大" );
74+ break ;
75+ case 5 :
76+ alert (" 我妈会游泳" );
77+ break ;
78+ case 6 :
79+ alert (" 不跟你吵架,会撒娇 会卖萌" );
80+ break ;
81+ default :
82+ alert (" 答应我吧" );
83+ }
84+ i ++ ;
85+ } );
86+ });
87+ </script >
88+ </audio > <div style = " display:none" ><script src = " https://s13.cnzz.com/z_stat.php?id=1272945483&web_id=1272945483" language = " JavaScript" ></script ><div >
89+ </body >
90+ </html >
0 commit comments