| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155 | 
							- <!DOCTYPE html>
 
- <html>
 
- <head>
 
- <meta charset="utf-8">
 
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
- <meta name="format-detection" content="telephone=no" />
 
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 
- <meta name="author" content="Tencent-TGideas">
 
- <link rel="stylesheet" href="css/style.css">
 
- <title>英雄难过美人关</title>
 
- <style>
 
- body {
 
- 	margin: 0px;
 
- 	padding: 0px;
 
- }
 
- section {
 
- 	width: 100%;
 
- 	height: auto;
 
- }
 
- h3 {
 
- 	color: #aaa;
 
- 	font-size: 22px;
 
- }
 
- span {
 
- 	color: #f4e93b;
 
- 	font-size: 18px;
 
- }
 
- strong {
 
- 	color: #f4e93b;
 
- }
 
- a {
 
- 	text-decoration: none;
 
- }
 
- header {
 
- 	text-align: center;
 
- 	padding: 5px;
 
- }
 
- section {
 
- 	width: 320px;
 
- 	margin: auto;
 
- }
 
- footer {
 
- 	text-align: center;
 
- 	padding-top: 12px;
 
- 	width: 100%;
 
- }
 
- .info {
 
- 	color: #fff;
 
- }
 
- .timecounter {
 
- 	color: #fff;
 
- 	float: left;
 
- 	margin-left: 5px;
 
- }
 
- .piccell {
 
- 	display: block;
 
- 	background-repeat: no-repeat;
 
- 	float: left;
 
- 	position: relative;
 
- }
 
- .picbox {
 
- 	width: 320px;
 
- 	height: 280px;
 
- 	clear: both;
 
- }
 
- .progressbox {
 
- 	width: 320px;
 
- 	margin-bottom: 10px;
 
- 	float: left;
 
- }
 
- .floatmask {
 
- 	position: absolute;
 
- 	z-index: 100;
 
- }
 
- .showborder {
 
- 	border: red solid 1px;
 
- }
 
- .btnbar {
 
- 	text-align: center;
 
- 	width: auto;
 
- }
 
- .button {
 
- 	height: 30px;
 
- 	line-height: 30px;
 
- 	font-size: 16px;
 
- 	color: #fff;
 
- 	width: 100px;
 
- 	border: #eea236 solid 1px;
 
- 	border-radius: 4px;
 
- 	background: #f0ad4e;
 
- 	display: block;
 
- 	text-align: center;
 
- 	margin-left: 100px;
 
- 	margin-top: 10px;
 
- }
 
- .share {
 
- 	width: 100%;
 
- 	display: none;
 
- 	opacity: 0.90;
 
- 	position: absolute;
 
- 	top: 0px;
 
- 	left: 0px;
 
- 	z-index: 10000;
 
- 	background-color: #000;
 
- 	height: 600px;
 
- 	text-align: center;
 
- }
 
- .share img {
 
- 	margin-top: 30px;
 
- 	width: 80%;
 
- }
 
- </style>
 
- <div style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_5286527'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s6.cnzz.com/stat.php%3Fid%3D5286527%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
 
- </div>
 
- <script src="js/zepto.js" type="text/javascript"></script>
 
- <script src="js/data.js?v=20140811" id="gamedata" data-version="20140811" type="text/javascript"></script>
 
- <script src="js/game.js" type="text/javascript"></script>
 
- </head>
 
- <body>
 
- <header>
 
-   <h3>英雄难过美人关-第<strong id="currLevel">1</strong>关</h3>
 
- </header>
 
- <section >
 
-   <div >
 
-     <div class="info">共<span id="totalNum">6</span>处不同,已找<span id="clickNum">0</span>次,正确<span id="correctNum">0</span>次,正确率<span id="correctPecent">0</span>%</div>
 
-     <div class="progressbox">
 
-       <div class="progress" style="width:260px;float:left;">
 
-         <div class="progress-bar" id="progressbar"></div>
 
-       </div>
 
-       <div class="timecounter"> <span id="timeshow">60</span>秒 </div>
 
-     </div>
 
-   </div>
 
-   <div class="picbox" id="picbox">
 
-     <div class="piccell" id="leftpic"> </div>
 
-     <div  class="piccell" id="rightpic"> </div>
 
-   </div>
 
- </section>
 
- <footer> 
 
- <!--<a href="#" target="_blank" id="bottom_banner"><img src="" style="width:100%"></a> -->
 
- <div style="width:100%">
 
- <a href="" style="width:49%;float:left; line-height:3em;color:#fff;font-size:14px;float:left;margin-left:0px;background: #383838">更多游戏➟</a>
 
- <a href="http://mp.weixin.qq.com/s?__biz=MjM5OTE3NDIzMg==&mid=200696073&idx=1&sn=f3c6abd9de1873662d66da120029e9ed&scene=1&from=singlemessage&isappinstalled=0#rd" style="color:#ffcc00;font-size:14px;float:left;margin-left:0px;width:49%;float:right; line-height:3em;background: #383838">『金华美食』</a></div>
 
- </footer>
 
- <div class="share" id="share"> <img src="images/share1.png" /> </div>
 
- <script type="text/javascript">
 
- 	$(function(){
 
- 	    picgame.gamestart();
 
- 	
 
- 	});
 
-  </script>
 
- <div style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_5286527'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s6.cnzz.com/stat.php%3Fid%3D5286527%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>
 
- </div>
 
- </body>
 
- </html>
 
 
  |