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>
|