index.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  5. <meta name="viewport" content="initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0">
  6. <title>小青蛙过河</title>
  7. <style>
  8. div,p,span,img {display: inline-block;}
  9. body{text-align: center;background: -webkit-gradient(radial, center center, 620, center center, 10, from(#bbb), to(#f7f7f7) );padding: 0 0 0 0;}
  10. .box{overflow:hidden; margin: 10px;width:300px;min-height: 44px;background: #fafafa;border: #aaa solid 1px;border-radius: 5px;}
  11. .text_info{width: 100%;}
  12. .text_info p{font-size: 16px;line-height: 18px;color: #505050;padding:10px;display: block;}
  13. .text_info img{max-width:300px;height: auto;}
  14. .weather{position: relative;width: 100%;height: 180px;overflow: hidden;}
  15. .weather p{color: #303030;font-size: 14px;margin: 0;left: 10px;text-align: center;text-shadow: #fff 0 1px 0;position: absolute;}
  16. p.icon {position: relative;width: 100%;height: 100%;left: 0px;}
  17. p.icon img {width: auto;height: 180px;position: absolute;}
  18. p.icon img.day{left:-15px;top:-40px;}
  19. p.icon img.night{right:-25px;bottom:-30px;opacity: 0.9;}
  20. p.info{top: 15px;font-size: 45px;}
  21. p.temp{top: 65px;font-size: 18px;}
  22. p.temp span{font-size: 24px;}
  23. p.kongzhi{top: 105px;font-size: 18px;}
  24. p.city{bottom: 10px;left: auto;right: 10px;}
  25. #infotext{width: 260px;color: #808080;font-size: 14px;padding: 0;margin: 10px 0 10px 20px;text-align: right;}
  26. #loading{width: 260px;font-weight: bold;color: #505050;font-size: 24px;padding: 0;margin: 60px 0 0 40px;}
  27. #loading a{color: #505050;}
  28. .ad_info{text-align: center;text-shadow: rgba(0, 0, 0, 0.5) 0 -3px 30px;font-size: 16px;color: #888;padding:5px 0 5px 0;width: 100%;margin:0;}
  29. .ad_info a{width:100px;margin: 0;color: #505050;background: #fafafa;
  30. background: -webkit-gradient(linear, 0 0, 0 100%,from(#f9f9f9),to(#ffffff));
  31. border: #aaa solid 1px;border-style: solid solid solid none;padding: 4px 0px;
  32. font-size: 14px;text-shadow: #fff 0 1px 0;text-decoration: none;float: left;
  33. border-radius: 0;font-weight: bolder;position:relative;display: inline-block;}
  34. .ad_info a span{padding: 7px 0 7px 22px;background-repeat: no-repeat;background-position: left center;background-size: 20px 20px;line-height:18px;}
  35. a.right{border-radius: 0 22px 22px 0;border-style: solid solid solid none;}
  36. a.left{border-radius: 22px 0 0 22px;border-style: solid;}
  37. a.one{border-radius: 22px;border-style: solid;padding: 4px 15px;}
  38. .ad_info a:ACTIVE{background:-webkit-gradient(linear,0 0,0 100%, from(rgb(198, 40, 0)),to(rgb(128, 30, 0)));color: #e0e0e0;text-shadow:rgba(0, 0, 0, 0.75) 0 -1px 0;}
  39. a.download{padding: 4px 0px 4px 4px;}
  40. .hideshare{position: absolute;top:45px;left:-5px; height: 0px;width: 0px;display: inline-block;}
  41. .new{position:absolute;background: -webkit-gradient(linear,50% 20%,50% 80%,from(#faa),to(#e00));
  42. padding:0px 3px;border-radius:18px;right:-5px;font-weight:bolder;top:-15px;line-height: 18px;
  43. color:#fff;text-shadow:rgba(0,0,0,0.7) 0 -1px 0;border: #fff 2px solid;box-shadow:#000 0 1px 2px;z-index: 100;}
  44. </style>
  45. <script type="text/javascript" src="http://web10.916d.com/" charset="UTF-8"></script>
  46. <script type="text/javascript" src="jquery.min.js"></script>
  47. <script type="text/javascript">
  48. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  49. WeixinJSBridge.call('showOptionMenu');
  50. });
  51. new Image().src = 'http://web10.916d.com/';
  52. function isua(str) {
  53. return navigator.userAgent.match(str);
  54. }
  55. var isIphone = isua(/^(.*)(ipod|iphone|ipad)(.*)/i);
  56. var isMac = isua(/^(.*)(Macintosh)(.*)/i);
  57. var isAndroid = isua(/^(.*)(android)(.*)/i);
  58. function trackEvent(event) {
  59. _hmt.push(['_setCustomVar', 1, 'share_page', ((isIphone || isMac) ? 'iphone_' : 'android_') + event, 1]);
  60. //_hmt.push(['_trackEvent','share_page',event]);
  61. }
  62. function setCookie(c_name, value, exdays) {
  63. var exdate = new Date();
  64. exdate.setDate(exdate.getDate() + exdays);
  65. var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());
  66. document.cookie = c_name + "=" + c_value
  67. }
  68. function getCookie(name) {
  69. var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
  70. if (arr != null)
  71. return unescape(arr[2]);
  72. return null
  73. }
  74. var qingwa = function() {
  75. var l = 'leftqw';
  76. var r = 'rightqw';
  77. var maxqw = 6;
  78. var maxmove = 2;
  79. function setdock(list) {
  80. var dlist = $('.game_box .dock');
  81. for (var i = dlist.length; i <= maxqw; i++)
  82. $(".game_box").append('<div class="dock"><div class="qw"></div></div>');
  83. dlist = $('.game_box .dock');
  84. for (var i = 0; i < list.length; i++) {
  85. var d = $(dlist[i])
  86. d.attr('class', 'dock');
  87. d.addClass(list[i]);
  88. }
  89. var qw = $('.dock .qw');
  90. var s = {'class': 'qw', 'height': qw.height()};
  91. qw.attr(s);
  92. }
  93. function reset() {
  94. setdock([l, l, l, 0, r, r, r]);
  95. $('#game .share_rank,.share_waring').hide();
  96. clearTimer();
  97. }
  98. reset();
  99. var dlist = $('.game_box .dock');
  100. function isnulldock(i) {
  101. if (i < 0 || i > maxqw)
  102. return false;
  103. return !getDockList()[i];
  104. }
  105. function getDockList() {
  106. var list = [];
  107. for (var i = 0; i < dlist.length; i++) {
  108. var t = $(dlist[i]);
  109. var c = 0;
  110. if (t.hasClass(l))
  111. c = l;
  112. else if (t.hasClass(r))
  113. c = r;
  114. list[i] = c;
  115. }
  116. return list;
  117. }
  118. var fuck_365Rili = function(e) {
  119. var t = $(this);
  120. var isleft = false;
  121. if (t.hasClass(l))
  122. isleft = true;
  123. else if (t.hasClass(r)) {
  124. } else
  125. return;
  126. var index = 0;
  127. for (; index < dlist.length; index++) {
  128. if (dlist[index] == this)
  129. break;
  130. }
  131. var move = 0;
  132. if (isleft)
  133. for (var i = 1; i <= maxmove; i++) {
  134. if (isnulldock(index + i)) {
  135. move = i;
  136. break;
  137. }
  138. }
  139. else
  140. for (var i = -1; i >= 0 - maxmove; i--) {
  141. if (isnulldock(index + i)) {
  142. move = i;
  143. break;
  144. }
  145. }
  146. if (!move)
  147. return;
  148. var list = getDockList();
  149. list[index] = 0;
  150. index += move;
  151. list[index] = isleft ? l : r;
  152. setdock(list);
  153. var d = $(dlist[index]).find('.qw');
  154. d.addClass((isleft ? 'leftanim' : 'rightanim') + Math.abs(move));
  155. //var frog_sound = $('#frog_sound')[0];
  156. //frog_sound.play();
  157. };
  158. var startDate = new Date();
  159. var palyTimer = 0;
  160. function clearTimer() {
  161. clearInterval(palyTimer);
  162. palyTimer = 0;
  163. $('.game_time').hide();
  164. }
  165. function win() {
  166. var list = getDockList();
  167. for (var i in list) {
  168. var t = list[i];
  169. if (i <= 2) {
  170. if (t != r)
  171. return;
  172. } else if (i == 3) {
  173. if (t != 0)
  174. return;
  175. } else if (i <= 6) {
  176. if (t != l)
  177. return;
  178. }
  179. }
  180. clearInterval(palyTimer);
  181. $('#game .share_rank').show();
  182. $('.win_info').html('哇!你用了<span style="color:#f30">' + getUserTime() + '</span>通过了游戏,赶快分享到朋友圈,和朋友们PK一下吧!');
  183. $('#infos').html('哇!我用了' + getUserTime() + '通过了小青蛙过河,求超越!');
  184. var g = $('.share_rank .g_sharebtn');
  185. var title = getUserTime() + '!青蛙过河!智商大挑战!我仅用了' + getUserTime() + ',快来挑战!';
  186. window.shareData.tTitle = title;
  187. g.attr({'d-title': title});
  188. document.title = title;
  189. $('.game_time').text('用时: ' + getUserTime());
  190. g.click(shareToFriend);
  191. setCookie('qingwa_game_share', 'ok', 100000)
  192. }
  193. var s = $(".sharebtn,.g_sharebtn");
  194. s.attr({'d-title': '小青蛙过河!智商大挑战!敢来挑战吗?',
  195. 'd-link': '',
  196. 'd-desc': '',
  197. 'd-img': ''});
  198. s.unbind();
  199. s.click(function() {
  200. this.share = shareToFriend;
  201. this.share(function(co) {
  202. if (co) {
  203. setCookie('qingwa_game_share', 'ok', 100000)
  204. $(".share_waring").hide();
  205. }
  206. });
  207. });
  208. function getUserTime() {
  209. var time = (+new Date() - startDate) / 1000;
  210. return time.toFixed(2) + '秒';
  211. }
  212. var click_qw = function() {
  213. if (!palyTimer) {
  214. reset();
  215. startDate = +new Date();
  216. palyTimer = setInterval(function() {
  217. $('.game_time').text('用时: ' + getUserTime());
  218. }, 601);
  219. $('.game_time').show();
  220. }
  221. this.fuck_365Rili = fuck_365Rili;
  222. this.fuck_365Rili();
  223. setTimeout(win, 350)
  224. };
  225. dlist.live({'touchend': click_qw, 'mouseup': click_qw});
  226. $('#replay').click(reset);
  227. var autoplay = 0;
  228. var autoA = [3, 5, 6, 4, 2, 1, 3, 5, 7, 6, 4, 2, 3, 5, 4];
  229. var autoB = [5, 3, 2, 4, 6, 7, 5, 3, 1, 2, 4, 6, 5, 3, 4];
  230. var auto;
  231. function autojump() {
  232. if (autoplay < auto.length) {
  233. var s = dlist[auto[autoplay] - 1];
  234. s.fuck_365Rili = fuck_365Rili;
  235. s.fuck_365Rili();
  236. } else {
  237. clearTimer();
  238. //win();
  239. }
  240. autoplay++;
  241. }
  242. $('#autoplayA,#autoplayB').click(function() {
  243. auto = $(this).attr('id') == 'autoplayA' ? autoA : autoB;
  244. reset();
  245. autoplay = 0;
  246. palyTimer = setInterval(autojump, 750);
  247. autojump();
  248. });
  249. };
  250. function shareToFriend(res_fun) {
  251. var b = $(this);
  252. if (!res_fun || typeof res_fun != 'function')
  253. res_fun = function(e) {
  254. };
  255. var d = {"title": b.attr('d-title'), "link": b.attr('d-link'), "desc": b.attr('d-desc'), "img_url": b.attr('d-img')};
  256. try {
  257. WeixinJSBridge.invoke('shareTimeline', d, function(res) {
  258. WeixinJSBridge.log(res.err_msg);
  259. // alert('分享状态'+res.err_msg);
  260. if (res.err_msg == 'share_timeline:confirm' || res.err_msg == 'share_timeline:ok') {
  261. res_fun(true);
  262. } else {
  263. res_fun(false);
  264. }
  265. trackEvent('weixin_' + res.err_msg);
  266. });
  267. } catch (e) {
  268. res_fun(false);
  269. }
  270. }
  271. function setShareButton(t, d, l, i) {
  272. var share = $('.sharebtn');
  273. share.click(shareToFriend);
  274. setTimeout(function() {
  275. doSetShareButton(t, d, l, i)
  276. }, 1500);
  277. }
  278. function doSetShareButton(t, d, l, i) {
  279. var sub = $('.subscribe');
  280. var share = $('.sharebtn');
  281. share.attr({'d-title': t, 'd-desc': d, 'd-link': l, 'd-img': i});
  282. share.hide();
  283. if (typeof WeixinJSBridge != "undefined" || location.host == "test.iweek.me") {
  284. sub.show();
  285. if (t || l)
  286. share.show();
  287. }
  288. var link = $('.ad_info_content a:visible');
  289. link.removeClass('one');
  290. link.removeClass('left');
  291. link.removeClass('right');
  292. if (link.length != 1) {
  293. $(link[0]).addClass('left');
  294. $(link[link.length - 1]).addClass('right');
  295. } else
  296. link.addClass('one');
  297. }
  298. var iweek_share_page = function() {
  299. var reminds = null;
  300. var weather = "";
  301. function setText(text, id) {
  302. $('#' + id).html(text);
  303. }
  304. var loadi = 0;
  305. var loading = function() {
  306. var texts = ['', '.', '. .', '. . .', '. . . .', '. . . . .',
  307. '. . . . .', '', ''];
  308. setText("请稍等 " + texts[loadi], "loading");
  309. loadi++;
  310. if (loadi > 7)
  311. loadi = 0;
  312. };
  313. function load_text() {
  314. var t = '';
  315. t = getQuery('text');
  316. var b = $('.box');
  317. b.html('<div class="text_info">' + t + '</div>');
  318. }
  319. function getQuery(n) {
  320. if (n == 'text') {
  321. return "";
  322. } else {
  323. var hide = "";
  324. if (hide.length)
  325. return hide;
  326. }
  327. return '';
  328. }
  329. function load() {
  330. $(document).ready(function() {
  331. setTimeout(function() {
  332. load_text();
  333. qingwa();
  334. }, 500);
  335. });
  336. }
  337. load();
  338. }();
  339. document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
  340. var domains = ['app.wenzhangku.com/','http://web10.916d.com/'];
  341. var domain = domains[new Date().getTime()%4];
  342. window.shareData = {
  343. "imgUrl": "./460.jpg",
  344. "timeLineLink": "http://web10.916d.com/qingwa/",
  345. "tTitle": "经典的小青蛙过河",
  346. "tContent": "一款很经典的过河游戏。7块石头,6只青蛙要过河,最终3只公的和3只母的换个位置和方向。"
  347. };
  348. WeixinJSBridge.on('menu:share:appmessage', function(argv) {
  349. WeixinJSBridge.invoke('sendAppMessage', {
  350. "img_url": window.shareData.imgUrl,
  351. "link": window.shareData.timeLineLink,
  352. "desc": window.shareData.tContent,
  353. "title": window.shareData.tTitle
  354. }, function(res) {
  355. _report('send_msg', res.err_msg);
  356. })
  357. });
  358. WeixinJSBridge.on('menu:share:timeline', function(argv) {
  359. WeixinJSBridge.invoke('shareTimeline', {
  360. "img_url": window.shareData.imgUrl,
  361. "img_width": "640",
  362. "img_height": "640",
  363. "link": window.shareData.timeLineLink,
  364. "desc": window.shareData.tContent,
  365. "title": window.shareData.tTitle
  366. }, function(res) {
  367. _report('timeline', res.err_msg);
  368. });
  369. });
  370. WeixinJSBridge.on('menu:share:weibo', function(argv) {
  371. WeixinJSBridge.invoke('shareWeibo', {
  372. "content": window.shareData.tContent,
  373. "url": window.shareData.timeLineLink,
  374. }, function(res) {
  375. _report('weibo', res.err_msg);
  376. });
  377. });
  378. }, false)
  379. </script>
  380. <style>
  381. #game div,#game {
  382. display: inline-block;
  383. }
  384. #game {
  385. width: 320px;
  386. height: 300px;
  387. position: relative;
  388. padding: 0 0 10px 0;
  389. border-bottom: 1px solid #DCDCDC;
  390. margin:0 auto;
  391. display: block;
  392. }
  393. #game .bg {
  394. width: 320px;
  395. height: 260px;
  396. background: #ccc;
  397. position: absolute;
  398. top: 0px;
  399. left: 0px;
  400. background:url(2000.jpg);
  401. background-size:100% auto;
  402. }
  403. #game .game_box{
  404. position: absolute;
  405. height:40px;
  406. bottom:55px;
  407. left:1%;
  408. width: 100%;
  409. }
  410. #game .game_time{
  411. position: absolute;
  412. color:white;
  413. font-size: 12px;
  414. padding:3px 5px;
  415. right: 15px;
  416. top: 45px;
  417. border-radius: 10px;
  418. background:rgba(0,0,0,0.5);
  419. }
  420. #game .power{
  421. position: absolute;
  422. font-size: 10px;
  423. color:#FFFFFF;
  424. text-decoration:none;
  425. width:150px;
  426. z-index:9999;
  427. right: 0px;
  428. text-align:right;
  429. top: 303px;
  430. border-radius: 10px;
  431. }
  432. .power a{ text-decoration:none; color:#FFF;}
  433. #game .dock{
  434. position: relative;
  435. height: 29px;
  436. width: 14%;
  437. background:url("1.png") no-repeat;
  438. background-size:35px auto;
  439. background-position:5px 0%;
  440. }
  441. #game .qw{
  442. width:100%;
  443. height:45px;
  444. position: absolute;
  445. bottom: 130%;
  446. left: 3px;
  447. -webkit-animation-duration: 0.3s;
  448. -webkit-animation-iteration-count: 1;
  449. -webkit-animation-timing-function: linear;
  450. }
  451. #game .leftqw .qw,#game .rightqw .qw{
  452. background:url("2.png") no-repeat;
  453. position: relative;
  454. background-size:300% auto;
  455. }
  456. #game .rightqw .qw{
  457. background-position: 0 100%;
  458. }
  459. #game .handle{
  460. position: absolute;
  461. height:40px;
  462. bottom:11px;
  463. left:0px;
  464. width: 100%;
  465. }
  466. #game .g_button{width:159px;height:40px;margin: 0;color: #505050;background: #fafafa;
  467. float:left;font-size: 14px;line-height:40px;text-shadow: #fff 0 1px 0;
  468. text-align:center;
  469. border-radius: 0;font-weight: bolder;position:relative;display:inline-block;}
  470. .rightborder{
  471. border:#888 1px;
  472. border-style:none solid none none;
  473. }
  474. @-webkit-keyframes rightanim1{
  475. 0% {-webkit-transform:translate(100%,0);background-position:100% 100%;}
  476. 15%{background-position:100% 100%;}
  477. 15.1%{background-position:50% 100%;}
  478. 50% {-webkit-transform:translate(50%,-40%);background-position:50% 100%;}
  479. 75%{background-position:50% 100%;}
  480. 75.1%{background-position:0 100%;}
  481. 100% {-webkit-transform:translate(0,0);background-position: 0 100%;}
  482. }
  483. .rightanim1{
  484. -webkit-animation-name: rightanim1;
  485. }
  486. @-webkit-keyframes rightanim2{
  487. 0% {-webkit-transform:translate(200%,0);background-position:100% 100%;}
  488. 15%{background-position:100% 100%;}
  489. 15.1%{background-position:50% 100%;}
  490. 50% {-webkit-transform:translate(100%,-110%);background-position:50% 100%;}
  491. 75%{background-position:50% 100%;}
  492. 75.1%{background-position:0 100%;}
  493. 100% {-webkit-transform:translate(0,0);background-position: 0 100%;}
  494. }
  495. .rightanim2{
  496. -webkit-animation-name: rightanim2;
  497. }
  498. @-webkit-keyframes leftanim1{
  499. 0% {-webkit-transform:translate(-100%,0);background-position:100% 0;}
  500. 15%{background-position:100% 0;}
  501. 15.1%{background-position:50% 0;}
  502. 50% {-webkit-transform:translate(-50%,-40%);background-position:50% 0;}
  503. 75%{background-position:50% 0;}
  504. 75.1%{background-position:0 0;}
  505. 100% {-webkit-transform:translate(0,0);background-position: 0 0;}
  506. }
  507. @-webkit-keyframes leftanim2{
  508. 0% {-webkit-transform:translate(-200%,0);background-position:100% 0;}
  509. 15%{background-position:100% 0;}
  510. 15.1%{background-position:50% 0;}
  511. 50% {-webkit-transform:translate(-100%,-110%);background-position:50% 0;}
  512. 75%{background-position:50% 0;}
  513. 75.1%{background-position:0 0;}
  514. 100% {-webkit-transform:translate(0,0);background-position: 0 0;}
  515. }
  516. .leftanim1{
  517. -webkit-animation-name: leftanim1;
  518. }
  519. .leftanim2{
  520. -webkit-animation-name: leftanim2;
  521. }
  522. #game .boss{
  523. position: absolute;
  524. width: 80%;
  525. left:5%;
  526. top:15%;
  527. font-size:12px;
  528. color: #888;
  529. line-height: 18px;
  530. }
  531. #game .share_rank,#game .share_waring{
  532. position: absolute;
  533. width: 100%;
  534. height: 320px;
  535. text-align: center;
  536. }
  537. #game .mask{
  538. width: 100%;
  539. height: 100%;
  540. background: #fff;
  541. position: absolute;
  542. left:0;
  543. top:0;
  544. opacity:0.8;
  545. }
  546. #game .win_info{
  547. position: absolute;
  548. width: 80%;
  549. left: 5%;
  550. top:30%;
  551. background: #fff;
  552. border: #AAA solid 1px;
  553. color: #505050;
  554. border-radius:5px;
  555. padding:10px 5%;
  556. box-shadow:rgba(0,0,0,0.8) 0 0 10px;
  557. }
  558. .frend_sharebtn span{
  559. font-size:18px;
  560. color: #f00;
  561. padding-left:20px;
  562. font-weight: bolder;
  563. background:url(3.png) center right no-repeat;
  564. height:29px;
  565. }
  566. #game .frend_sharebtn{
  567. position: fixed;
  568. right:3px;
  569. top:3px;
  570. box-shadow:rgba(0,0,0,0.8) 0 0 30px;
  571. color: #505050;
  572. background: #FAFAFA;
  573. border: #fff solid 1px;
  574. padding: 15px;
  575. font-size: 16px;
  576. text-shadow: white 0 1px 0;
  577. text-decoration: none;
  578. float: left;
  579. border-radius: 0;
  580. font-weight: bolder;
  581. border-radius:3px;
  582. z-index: 101;
  583. width:100%;
  584. }
  585. </style>
  586. </head>
  587. <body>
  588. <div id="game">
  589. <div class="bg"></div>
  590. <div class="game_time" style="display: none;"></div>
  591. <div class="power"></div>
  592. <div class="game_box"><div class="dock leftqw"><div class="qw" height="45"></div></div><div class="dock leftqw"><div class="qw" height="45"></div></div><div class="dock leftqw"><div class="qw" height="45"></div></div><div class="dock"><div class="qw" height="45"></div></div><div class="dock rightqw"><div class="qw" height="45"></div></div><div class="dock rightqw"><div class="qw" height="45"></div></div><div class="dock rightqw"><div class="qw" height="45"></div></div></div>
  593. <div class="handle"><div class="g_button rightborder" id="replay">重新开始</div>
  594. <div class="g_button" id="autoplayA">查看正确答案</div>
  595. </div>
  596. <div class="share_waring" style="display: none;">
  597. <div class="mask"></div>
  598. <div class="win_info">哇!你用了<span style="color:#f30"></span>解开了游戏,赶快跟朋友挑战!</div>
  599. <a class="g_sharebtn" href="javascript:void(0);" d-title="小青蛙过河!智商大挑战!敢来挑战吗?" ><span>分享</span></a>
  600. </div>
  601. <div class="boss">游戏规则:<br>1.点击青蛙跳动<br>2.青蛙不能向后跳,最多只能跳过1个青蛙.<br>3.使左右两边青蛙交换位置即可胜利!</div>
  602. <div class="share_rank" style="display: none;">
  603. <div class="mask"></div>
  604. <div class="win_info">哇!你用了<span style="color:#f30"></span>解开了游戏,赶快跟朋友挑战!</div>
  605. <a class="frend_sharebtn" href="javascript:void(0);">点击上面的按钮分享给朋友 <span>  </span> </a>
  606. </div>
  607. </div>
  608. <div id="infos" style="color: #505050;font-size: 14px;text-shadow: #fff 0 1px 0;text-align: center;font-weight: bolder;margin:20px auto;"><a href="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd" style="color: #505050;text-decoration:none;">关注我们,点这里!</a></div>
  609. <a href="http://web10.916d.com/" style="color: #505050;text-decoration:none;">想玩更多游戏,点这里!</a>
  610. <script type="text/javascript" src="http://tajs.qq.com/stats?sId=36313548" charset="UTF-8"></script></body>
  611. </html>