<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title style=" color:#F00">與附近的聊天</title>
<style>
*{ margin:0;}
#div{ margin-left:auto; margin-right:auto; width:500px; height:600px;
background:#44552B; font-size:25px;}
input{ background-color:#67986F; width:75px; height:75px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; text-align:center;}
input:hover{ background-color:#00F; width:75px; height:75px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; text-align:center;}
input:active{ background-color:#FF0; width:75px; height:75px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; text-align:center;}
p,h2,h1{color:#F00}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function fujin(){
alert("歡迎進入與附近的人聊天。")
}
function one(){
$(document).ready(function(e) {
$("#11").show(1000);
$("#11").hide(3000);
$("#img").show(4000);
$("#img").hide(10000);
$("#img1").show(4000);
$("#img1").hide(10000);
$("#111").show(4000);
$("#111").hide(6000);
$("#1").hide();
$("#2").show(5000);
$("#22").show(5000);
});
}
function two1(){
$(document).ready(function(e) {
$("#2").hide();
$("#22").hide();
$("#two1").show();
$("#two1").hide(5000);
$("#3").show(6000);
$("#33").show(6000);
});
}
function two2(){
$(document).ready(function(e) {
$("#2").hide();
$("#22").hide();
alert("！—_-！不是我的菜");
$("#out5").show();
$("#ot5").show();
});
}
function three1(){
$(document).ready(function(e) {
$("#3").hide();
$("#33").hide();
$("#three1").show(1000);
$("#three1").hide(6000);
$("#4").show(6000);
$("#44").show(6000);
});
}
function three2(){
$("#3").hide();
$("#33").hide();
alert("對不起!你沒比我男/女朋友帥/美^@^");
$("#out4").show();
$("#ot4").show();
}
function four1(){
$("#4").hide();
$("#44").hide();
$("#four1").show();
$("#four1").fadeOut(8000);
$("#5").show(4000);
$("#55").show(4000);
}
function four2(){
$("#4").hide();
$("#44").hide();
alert("對不起!你沒比我男/女朋友靚,sorry 再見！^@^");
$("#out4").show();
$("#ot4").show();
}
function five1(){
$("#5").hide();
$("#55").hide();
$("#6").show();
$("#66").show();
$("#five1").fadeIn(3000);
$("#five1").fadeOut(3000);
$("#five2").show(4000);
$("#five2").fadeOut(8000);
}
function five2(){
$("#5").hide();
$("#55").hide();
alert("對不起我們只能做朋友！因爲你沒錢！！");
$("#out3").show();
$("#ot3").show();
}
function six1(){
$("#6").hide();
$("#66").hide();
$("#out1").show();
$("#ot1").show();
}
function six2(){
$("#6").hide();
$("#66").hide();
alert("我們只是需要時間。")
$("#out2").show();
$("#ot2").show();
}
</script>
</head>
<body bgcolor="#400080" onLoad="fujin()">
<div id="div">
<input id="1" value="你好" type="button" onClick="one()" style="margin-left:215px; margin-top:250px; width:100px; height:100px;"><br>
<h1 id="11" style="display:none;">想看一下他的照片</h1>
<img id="img" style="display:none; margin-left:50px; " src="http://www.shulink.com/d/file/2015/02/small623b726ffe32bc0067299f01c5b302391423697413.jpg" width="200" height="200">
<img id="img1" style="display:none; width="200" height="200"
src="http://www.xiaohuar.com/d/file/2b903e6d59bd1435a0b9ddfb5b4bd9c5.jpg" >
<p id="111" style=" display:none">看了看他的照片想認識他</p><br/>
<input id="2" type="button" value="是" style=" display:none;margin-left:125px" onClick="two1()">
<input id="22" type="button" value="否" style="margin-left:100px;display:none" onClick="two2()" >
<br/><br/>
<p id="two1" style=" display:none">與他（她）聊上了感覺還不錯想進一步瞭解</p>
<input id="3" type="button" value="是的" onClick="three1()" style="display:none;margin-left:125px">
<input id="33" type="button" value="不想" style="margin-left:100px;display:none" onClick="three2()">
<p id="three1" style="display:none">互相留電話！</p><br/>
<input id="4" type="button" value="是" style="display:none;margin-left:125px" onClick="four1()">
<input id="44" type="button" value="否" style=" margin-left:100px;display:none" onClick="four2()">
<p id="four1" style="display:none">就這樣他們就開始認識了，由於男的/女的長得帥，長得漂亮，擦出愛的火花。……就這樣此處省略100000字^.^</p>
<input id="5" type="button" value="是" style="display:none;margin-left:125px" onClick="five1()">
<input id="55" type="button" value="否" style=" margin-left:100px;display:none" οnclick="five2()">
<h1 id="five1" style="display:none">滄海一嘯時間過了很久很久………………</h1>
<h2 id="five2" style=" display:none">男女雙方見雙方父母此處省略10000字</h2>
<input id="6" type="button" value="同意" style="display:none;margin-left:125px" onClick="six1()">
<input id="66" type="button" value="否" style=" margin-left:100px;display:none" οnclick="six2()">
<h2 id="out1" style="display:none;">你兩的關係是：未婚妻/夫</h2>
<h2 id="out2" style="display:none">你兩的關係是：女/男朋友</h2>
<h2 id="out3" style="display:none">你兩的關係是：朋友</h2>
<h2 id="out4" style="display:none">你兩的關係是：網友</h2>
<h2 id="out5" style="display:none">你兩的關係是：陌生人</h2>
<img id="ot5" style="display:none;" src="" width="150" height="150">
<img id="ot1" style="display:none;" src="http://img5.imgtn.bdimg.com/it/u=157554648,214872917&fm=21&gp=0.jpg" width="150" height="150">
<img id="ot3" style="display:none;" src="http://img2.imgtn.bdimg.com/it/u=1898035620,2000713040&fm=21&gp=0.jpg" width="150" height="150">
<img id="ot2" style="display:none;" src="http://img3.imgtn.bdimg.com/it/u=2868249558,1323337911&fm=21&gp=0.jpg" width="150" height="150">
<img id="ot4" style="display:none;" src="http://d.hiphotos.baidu.com/baike/w%3D268/sign=9a0bde73b80e7bec23da04e7172eb9fa/ca1349540923dd54f5446d14d109b3de9c824893.jpg" width="150" height="150">
</div>
<embed src="http://www.kuwo.cn/yinyue/941528/" width='0' height='0' type=audio/mpeg loop="true" autostart="false">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title style=" color:#F00">與附近的聊天</title>
<style>
*{ margin:0;}
#div{ margin-left:auto; margin-right:auto; width:500px; height:600px;
background:#44552B; font-size:25px;}
input{ background-color:#67986F; width:75px; height:75px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; text-align:center;}
input:hover{ background-color:#00F; width:75px; height:75px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; text-align:center;}
input:active{ background-color:#FF0; width:75px; height:75px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; text-align:center;}
p,h2,h1{color:#F00}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function fujin(){
alert("歡迎進入與附近的人聊天。")
}
function one(){
$(document).ready(function(e) {
$("#11").show(1000);
$("#11").hide(3000);
$("#img").show(4000);
$("#img").hide(10000);
$("#img1").show(4000);
$("#img1").hide(10000);
$("#111").show(4000);
$("#111").hide(6000);
$("#1").hide();
$("#2").show(5000);
$("#22").show(5000);
});
}
function two1(){
$(document).ready(function(e) {
$("#2").hide();
$("#22").hide();
$("#two1").show();
$("#two1").hide(5000);
$("#3").show(6000);
$("#33").show(6000);
});
}
function two2(){
$(document).ready(function(e) {
$("#2").hide();
$("#22").hide();
alert("！—_-！不是我的菜");
$("#out5").show();
$("#ot5").show();
});
}
function three1(){
$(document).ready(function(e) {
$("#3").hide();
$("#33").hide();
$("#three1").show(1000);
$("#three1").hide(6000);
$("#4").show(6000);
$("#44").show(6000);
});
}
function three2(){
$("#3").hide();
$("#33").hide();
alert("對不起!你沒比我男/女朋友帥/美^@^");
$("#out4").show();
$("#ot4").show();
}
function four1(){
$("#4").hide();
$("#44").hide();
$("#four1").show();
$("#four1").fadeOut(8000);
$("#5").show(4000);
$("#55").show(4000);
}
function four2(){
$("#4").hide();
$("#44").hide();
alert("對不起!你沒比我男/女朋友靚,sorry 再見！^@^");
$("#out4").show();
$("#ot4").show();
}
function five1(){
$("#5").hide();
$("#55").hide();
$("#6").show();
$("#66").show();
$("#five1").fadeIn(3000);
$("#five1").fadeOut(3000);
$("#five2").show(4000);
$("#five2").fadeOut(8000);
}
function five2(){
$("#5").hide();
$("#55").hide();
alert("對不起我們只能做朋友！因爲你沒錢！！");
$("#out3").show();
$("#ot3").show();
}
function six1(){
$("#6").hide();
$("#66").hide();
$("#out1").show();
$("#ot1").show();
}
function six2(){
$("#6").hide();
$("#66").hide();
alert("我們只是需要時間。")
$("#out2").show();
$("#ot2").show();
}
</script>
</head>
<body bgcolor="#400080" onLoad="fujin()">
<div id="div">
<input id="1" value="你好" type="button" onClick="one()" style="margin-left:215px; margin-top:250px; width:100px; height:100px;"><br>
<h1 id="11" style="display:none;">想看一下他的照片</h1>
<img id="img" style="display:none; margin-left:50px; " src="http://www.shulink.com/d/file/2015/02/small623b726ffe32bc0067299f01c5b302391423697413.jpg" width="200" height="200">
<img id="img1" style="display:none; width="200" height="200"
src="http://www.xiaohuar.com/d/file/2b903e6d59bd1435a0b9ddfb5b4bd9c5.jpg" >
<p id="111" style=" display:none">看了看他的照片想認識他</p><br/>
<input id="2" type="button" value="是" style=" display:none;margin-left:125px" onClick="two1()">
<input id="22" type="button" value="否" style="margin-left:100px;display:none" onClick="two2()" >
<br/><br/>
<p id="two1" style=" display:none">與他（她）聊上了感覺還不錯想進一步瞭解</p>
<input id="3" type="button" value="是的" onClick="three1()" style="display:none;margin-left:125px">
<input id="33" type="button" value="不想" style="margin-left:100px;display:none" onClick="three2()">
<p id="three1" style="display:none">互相留電話！</p><br/>
<input id="4" type="button" value="是" style="display:none;margin-left:125px" onClick="four1()">
<input id="44" type="button" value="否" style=" margin-left:100px;display:none" onClick="four2()">
<p id="four1" style="display:none">就這樣他們就開始認識了，由於男的/女的長得帥，長得漂亮，擦出愛的火花。……就這樣此處省略100000字^.^</p>
<input id="5" type="button" value="是" style="display:none;margin-left:125px" onClick="five1()">
<input id="55" type="button" value="否" style=" margin-left:100px;display:none" οnclick="five2()">
<h1 id="five1" style="display:none">滄海一嘯時間過了很久很久………………</h1>
<h2 id="five2" style=" display:none">男女雙方見雙方父母此處省略10000字</h2>
<input id="6" type="button" value="同意" style="display:none;margin-left:125px" onClick="six1()">
<input id="66" type="button" value="否" style=" margin-left:100px;display:none" οnclick="six2()">
<h2 id="out1" style="display:none;">你兩的關係是：未婚妻/夫</h2>
<h2 id="out2" style="display:none">你兩的關係是：女/男朋友</h2>
<h2 id="out3" style="display:none">你兩的關係是：朋友</h2>
<h2 id="out4" style="display:none">你兩的關係是：網友</h2>
<h2 id="out5" style="display:none">你兩的關係是：陌生人</h2>
<img id="ot5" style="display:none;" src="" width="150" height="150">
<img id="ot1" style="display:none;" src="http://img5.imgtn.bdimg.com/it/u=157554648,214872917&fm=21&gp=0.jpg" width="150" height="150">
<img id="ot3" style="display:none;" src="http://img2.imgtn.bdimg.com/it/u=1898035620,2000713040&fm=21&gp=0.jpg" width="150" height="150">
<img id="ot2" style="display:none;" src="http://img3.imgtn.bdimg.com/it/u=2868249558,1323337911&fm=21&gp=0.jpg" width="150" height="150">
<img id="ot4" style="display:none;" src="http://d.hiphotos.baidu.com/baike/w%3D268/sign=9a0bde73b80e7bec23da04e7172eb9fa/ca1349540923dd54f5446d14d109b3de9c824893.jpg" width="150" height="150">
</div>
<embed src="http://www.kuwo.cn/yinyue/941528/" width='0' height='0' type=audio/mpeg loop="true" autostart="false">
</body>
</html>
