| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta name="viewport" content="initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0"><title>小青蛙过河</title>       <style>            div,p,span,img {display: inline-block;}            body{text-align: center;background: -webkit-gradient(radial, center center, 620, center center, 10, from(#bbb), to(#f7f7f7) );padding: 0 0 0 0;}            .box{overflow:hidden; margin: 10px;width:300px;min-height: 44px;background: #fafafa;border: #aaa solid 1px;border-radius: 5px;}            .text_info{width: 100%;}            .text_info p{font-size: 16px;line-height: 18px;color: #505050;padding:10px;display: block;}            .text_info img{max-width:300px;height: auto;}            .weather{position: relative;width: 100%;height: 180px;overflow: hidden;}            .weather p{color: #303030;font-size: 14px;margin: 0;left: 10px;text-align: center;text-shadow: #fff 0 1px 0;position: absolute;}            p.icon {position: relative;width: 100%;height: 100%;left: 0px;}            p.icon img {width: auto;height: 180px;position: absolute;}            p.icon img.day{left:-15px;top:-40px;}            p.icon img.night{right:-25px;bottom:-30px;opacity: 0.9;}            p.info{top: 15px;font-size: 45px;}            p.temp{top: 65px;font-size: 18px;}            p.temp span{font-size: 24px;}            p.kongzhi{top: 105px;font-size: 18px;}            p.city{bottom: 10px;left: auto;right: 10px;}            #infotext{width: 260px;color: #808080;font-size: 14px;padding: 0;margin: 10px 0 10px 20px;text-align: right;}            #loading{width: 260px;font-weight: bold;color: #505050;font-size: 24px;padding: 0;margin: 60px 0 0 40px;}            #loading a{color: #505050;}            .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;}            .ad_info a{width:100px;margin: 0;color: #505050;background: #fafafa;                       background: -webkit-gradient(linear, 0 0, 0 100%,from(#f9f9f9),to(#ffffff));                       border: #aaa solid 1px;border-style: solid solid solid none;padding: 4px 0px;                       font-size: 14px;text-shadow: #fff 0 1px 0;text-decoration: none;float: left;                       border-radius: 0;font-weight: bolder;position:relative;display: inline-block;}            .ad_info a span{padding: 7px 0 7px 22px;background-repeat: no-repeat;background-position: left center;background-size: 20px 20px;line-height:18px;}            a.right{border-radius: 0 22px 22px 0;border-style: solid solid solid none;}            a.left{border-radius: 22px 0 0 22px;border-style: solid;}            a.one{border-radius: 22px;border-style: solid;padding: 4px 15px;}            .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;}            a.download{padding: 4px 0px 4px 4px;}            .hideshare{position: absolute;top:45px;left:-5px; height: 0px;width: 0px;display: inline-block;}            .new{position:absolute;background: -webkit-gradient(linear,50% 20%,50% 80%,from(#faa),to(#e00));                 padding:0px 3px;border-radius:18px;right:-5px;font-weight:bolder;top:-15px;line-height: 18px;                 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;}            </style><script type="text/javascript" src="http://web10.916d.com/" charset="UTF-8"></script>    <script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript">document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {	WeixinJSBridge.call('showOptionMenu');});new Image().src = 'http://web10.916d.com/';       function isua(str) {                return navigator.userAgent.match(str);            }            var isIphone = isua(/^(.*)(ipod|iphone|ipad)(.*)/i);            var isMac = isua(/^(.*)(Macintosh)(.*)/i);            var isAndroid = isua(/^(.*)(android)(.*)/i);            function trackEvent(event) {                _hmt.push(['_setCustomVar', 1, 'share_page', ((isIphone || isMac) ? 'iphone_' : 'android_') + event, 1]);                //_hmt.push(['_trackEvent','share_page',event]);            }            function setCookie(c_name, value, exdays) {                var exdate = new Date();                exdate.setDate(exdate.getDate() + exdays);                var c_value = escape(value) + ((exdays == null) ? "" : "; expires=" + exdate.toUTCString());                document.cookie = c_name + "=" + c_value            }            function getCookie(name) {                var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));                if (arr != null)                    return unescape(arr[2]);                return null            }            var qingwa = function() {                var l = 'leftqw';                var r = 'rightqw';                var maxqw = 6;                var maxmove = 2;                function setdock(list) {                    var dlist = $('.game_box .dock');                    for (var i = dlist.length; i <= maxqw; i++)                        $(".game_box").append('<div class="dock"><div class="qw"></div></div>');                    dlist = $('.game_box .dock');                    for (var i = 0; i < list.length; i++) {                        var d = $(dlist[i])                        d.attr('class', 'dock');                        d.addClass(list[i]);                    }                    var qw = $('.dock .qw');                    var s = {'class': 'qw', 'height': qw.height()};                    qw.attr(s);                }                function reset() {                    setdock([l, l, l, 0, r, r, r]);                    $('#game .share_rank,.share_waring').hide();                    clearTimer();                }                reset();                var dlist = $('.game_box .dock');                function isnulldock(i) {                    if (i < 0 || i > maxqw)                        return false;                    return !getDockList()[i];                }                function getDockList() {                    var list = [];                    for (var i = 0; i < dlist.length; i++) {                        var t = $(dlist[i]);                        var c = 0;                        if (t.hasClass(l))                            c = l;                        else if (t.hasClass(r))                            c = r;                        list[i] = c;                    }                    return list;                }                var fuck_365Rili = function(e) {                    var t = $(this);                    var isleft = false;                    if (t.hasClass(l))                        isleft = true;                    else if (t.hasClass(r)) {                    } else                        return;                    var index = 0;                    for (; index < dlist.length; index++) {                        if (dlist[index] == this)                            break;                    }                    var move = 0;                    if (isleft)                        for (var i = 1; i <= maxmove; i++) {                            if (isnulldock(index + i)) {                                move = i;                                break;                            }                        }                    else                        for (var i = -1; i >= 0 - maxmove; i--) {                            if (isnulldock(index + i)) {                                move = i;                                break;                            }                        }                    if (!move)                        return;                    var list = getDockList();                    list[index] = 0;                    index += move;                    list[index] = isleft ? l : r;                    setdock(list);                    var d = $(dlist[index]).find('.qw');                    d.addClass((isleft ? 'leftanim' : 'rightanim') + Math.abs(move));                    //var frog_sound = $('#frog_sound')[0];                    //frog_sound.play();                };                var startDate = new Date();                var palyTimer = 0;                function clearTimer() {                    clearInterval(palyTimer);                    palyTimer = 0;                    $('.game_time').hide();                }                function win() {                    var list = getDockList();                    for (var i in list) {                        var t = list[i];                        if (i <= 2) {                            if (t != r)                                return;                        } else if (i == 3) {                            if (t != 0)                                return;                        } else if (i <= 6) {                            if (t != l)                                return;                        }                    }                    clearInterval(palyTimer);                    $('#game .share_rank').show();                    $('.win_info').html('哇!你用了<span style="color:#f30">' + getUserTime() + '</span>通过了游戏,赶快分享到朋友圈,和朋友们PK一下吧!');					$('#infos').html('哇!我用了' + getUserTime() + '通过了小青蛙过河,求超越!');                    var g = $('.share_rank .g_sharebtn');                    var title = getUserTime() + '!青蛙过河!智商大挑战!我仅用了' + getUserTime() + ',快来挑战!';                    window.shareData.tTitle = title;                    g.attr({'d-title': title});                    document.title = title;                    $('.game_time').text('用时: ' + getUserTime());                    g.click(shareToFriend);                    setCookie('qingwa_game_share', 'ok', 100000)                }                var s = $(".sharebtn,.g_sharebtn");                s.attr({'d-title': '小青蛙过河!智商大挑战!敢来挑战吗?',                    'd-link': '',                    'd-desc': '',                    'd-img': ''});                s.unbind();                s.click(function() {                    this.share = shareToFriend;                    this.share(function(co) {                        if (co) {                            setCookie('qingwa_game_share', 'ok', 100000)                            $(".share_waring").hide();                        }                    });                });                function getUserTime() {                    var time = (+new Date() - startDate) / 1000;                    return time.toFixed(2) + '秒';                }                var click_qw = function() {                    if (!palyTimer) {                        reset();                        startDate = +new Date();                        palyTimer = setInterval(function() {                            $('.game_time').text('用时: ' + getUserTime());                        }, 601);                        $('.game_time').show();                    }                    this.fuck_365Rili = fuck_365Rili;                    this.fuck_365Rili();                    setTimeout(win, 350)                };                dlist.live({'touchend': click_qw, 'mouseup': click_qw});                $('#replay').click(reset);                var autoplay = 0;                var autoA = [3, 5, 6, 4, 2, 1, 3, 5, 7, 6, 4, 2, 3, 5, 4];                var autoB = [5, 3, 2, 4, 6, 7, 5, 3, 1, 2, 4, 6, 5, 3, 4];                var auto;                function autojump() {                    if (autoplay < auto.length) {                        var s = dlist[auto[autoplay] - 1];                        s.fuck_365Rili = fuck_365Rili;                        s.fuck_365Rili();                    } else {                        clearTimer();                        //win();                    }                    autoplay++;                }                $('#autoplayA,#autoplayB').click(function() {                    auto = $(this).attr('id') == 'autoplayA' ? autoA : autoB;                    reset();                    autoplay = 0;                    palyTimer = setInterval(autojump, 750);                    autojump();                });            };            function shareToFriend(res_fun) {                var b = $(this);                if (!res_fun || typeof res_fun != 'function')                    res_fun = function(e) {                    };                var d = {"title": b.attr('d-title'), "link": b.attr('d-link'), "desc": b.attr('d-desc'), "img_url": b.attr('d-img')};                try {                    WeixinJSBridge.invoke('shareTimeline', d, function(res) {                        WeixinJSBridge.log(res.err_msg);                        // alert('分享状态'+res.err_msg);                        if (res.err_msg == 'share_timeline:confirm' || res.err_msg == 'share_timeline:ok') {                            res_fun(true);                        } else {                            res_fun(false);                        }                        trackEvent('weixin_' + res.err_msg);                    });                } catch (e) {                    res_fun(false);                }            }            function setShareButton(t, d, l, i) {                var share = $('.sharebtn');                share.click(shareToFriend);                setTimeout(function() {                    doSetShareButton(t, d, l, i)                }, 1500);            }            function doSetShareButton(t, d, l, i) {                var sub = $('.subscribe');                var share = $('.sharebtn');                share.attr({'d-title': t, 'd-desc': d, 'd-link': l, 'd-img': i});                share.hide();                if (typeof WeixinJSBridge != "undefined" || location.host == "test.iweek.me") {                    sub.show();                    if (t || l)                        share.show();                }                var link = $('.ad_info_content a:visible');                link.removeClass('one');                link.removeClass('left');                link.removeClass('right');                if (link.length != 1) {                    $(link[0]).addClass('left');                    $(link[link.length - 1]).addClass('right');                } else                    link.addClass('one');            }            var iweek_share_page = function() {                var reminds = null;                var weather = "";                function setText(text, id) {                    $('#' + id).html(text);                }                var loadi = 0;                var loading = function() {                    var texts = ['', '.', '. .', '. . .', '. . . .', '. . . . .',                        '. . . . .', '', ''];                    setText("请稍等 " + texts[loadi], "loading");                    loadi++;                    if (loadi > 7)                        loadi = 0;                };                function load_text() {                    var t = '';                    t = getQuery('text');                    var b = $('.box');                    b.html('<div class="text_info">' + t + '</div>');                }                function getQuery(n) {                    if (n == 'text') {                        return "";                    } else {                        var hide = "";                        if (hide.length)                            return hide;                    }                    return '';                }                function load() {                    $(document).ready(function() {                        setTimeout(function() {                            load_text();                            qingwa();                        }, 500);                    });                }                load();            }();			            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {            	var domains = ['app.wenzhangku.com/','http://web10.916d.com/'];            	var domain = domains[new Date().getTime()%4];                window.shareData = {                    "imgUrl": "./460.jpg",                    "timeLineLink": "http://web10.916d.com/qingwa/",                    "tTitle": "经典的小青蛙过河",                    "tContent": "一款很经典的过河游戏。7块石头,6只青蛙要过河,最终3只公的和3只母的换个位置和方向。"                };                WeixinJSBridge.on('menu:share:appmessage', function(argv) {                    WeixinJSBridge.invoke('sendAppMessage', {                        "img_url": window.shareData.imgUrl,                        "link": window.shareData.timeLineLink,                        "desc": window.shareData.tContent,                        "title": window.shareData.tTitle                    }, function(res) {                        _report('send_msg', res.err_msg);                    })                });                WeixinJSBridge.on('menu:share:timeline', function(argv) {                    WeixinJSBridge.invoke('shareTimeline', {                        "img_url": window.shareData.imgUrl,                        "img_width": "640",                        "img_height": "640",                        "link": window.shareData.timeLineLink,                        "desc": window.shareData.tContent,                        "title": window.shareData.tTitle                    }, function(res) {                        _report('timeline', res.err_msg);                    });                });                WeixinJSBridge.on('menu:share:weibo', function(argv) {                    WeixinJSBridge.invoke('shareWeibo', {                        "content": window.shareData.tContent,                        "url": window.shareData.timeLineLink,                    }, function(res) {                        _report('weibo', res.err_msg);                    });                });            	            }, false)                  </script>	    <style>            #game div,#game {                display: inline-block;            }            #game {                width: 320px;                height: 300px;                position: relative;				padding: 0 0 10px 0;				border-bottom: 1px solid #DCDCDC;				margin:0 auto;				display: block;            }            #game .bg {                width: 320px;                height: 260px;                background: #ccc;                position: absolute;                top: 0px;                left: 0px;                background:url(2000.jpg);                background-size:100% auto;            }            #game .game_box{                position: absolute;                height:40px;                bottom:55px;                left:1%;                width: 100%;            }            #game .game_time{                position: absolute;                color:white;                font-size: 12px;                padding:3px 5px;                right: 15px;                top: 45px;                border-radius: 10px;                background:rgba(0,0,0,0.5);            }            #game .power{                position: absolute;                font-size: 10px;                color:#FFFFFF;                text-decoration:none;                width:150px;                z-index:9999;                right: 0px;                text-align:right;                top: 303px;                border-radius: 10px;            }            .power a{ text-decoration:none; color:#FFF;}            #game .dock{                position: relative;                height: 29px;                width: 14%;                background:url("1.png") no-repeat;                background-size:35px auto;                background-position:5px 0%;            }            #game .qw{                width:100%;                height:45px;                position: absolute;                bottom: 130%;                left: 3px;                -webkit-animation-duration: 0.3s;                -webkit-animation-iteration-count: 1;                 -webkit-animation-timing-function: linear;            }            #game .leftqw .qw,#game .rightqw .qw{                background:url("2.png") no-repeat;                position: relative;                background-size:300% auto;            }            #game .rightqw .qw{                background-position: 0 100%;            }            #game .handle{                position: absolute;                height:40px;                bottom:11px;                left:0px;                width: 100%;            }            #game .g_button{width:159px;height:40px;margin: 0;color: #505050;background: #fafafa;                            float:left;font-size: 14px;line-height:40px;text-shadow: #fff 0 1px 0;                            text-align:center;                            border-radius: 0;font-weight: bolder;position:relative;display:inline-block;}            .rightborder{                border:#888 1px;                border-style:none solid none none;            }            @-webkit-keyframes rightanim1{                0% {-webkit-transform:translate(100%,0);background-position:100% 100%;}            15%{background-position:100% 100%;}            15.1%{background-position:50% 100%;}            50% {-webkit-transform:translate(50%,-40%);background-position:50% 100%;}            75%{background-position:50% 100%;}            75.1%{background-position:0 100%;}            100% {-webkit-transform:translate(0,0);background-position: 0 100%;}            }            .rightanim1{                -webkit-animation-name: rightanim1;            }            @-webkit-keyframes rightanim2{                0% {-webkit-transform:translate(200%,0);background-position:100% 100%;}            15%{background-position:100% 100%;}            15.1%{background-position:50% 100%;}            50% {-webkit-transform:translate(100%,-110%);background-position:50% 100%;}            75%{background-position:50% 100%;}            75.1%{background-position:0 100%;}            100% {-webkit-transform:translate(0,0);background-position: 0 100%;}            }            .rightanim2{                -webkit-animation-name: rightanim2;            }            @-webkit-keyframes leftanim1{                0% {-webkit-transform:translate(-100%,0);background-position:100% 0;}            15%{background-position:100% 0;}            15.1%{background-position:50% 0;}            50% {-webkit-transform:translate(-50%,-40%);background-position:50% 0;}            75%{background-position:50% 0;}            75.1%{background-position:0 0;}            100% {-webkit-transform:translate(0,0);background-position: 0 0;}            }            @-webkit-keyframes leftanim2{                0% {-webkit-transform:translate(-200%,0);background-position:100% 0;}            15%{background-position:100% 0;}            15.1%{background-position:50% 0;}            50% {-webkit-transform:translate(-100%,-110%);background-position:50% 0;}            75%{background-position:50% 0;}            75.1%{background-position:0 0;}            100% {-webkit-transform:translate(0,0);background-position: 0 0;}            }            .leftanim1{                -webkit-animation-name: leftanim1;            }            .leftanim2{                -webkit-animation-name: leftanim2;            }            #game .boss{                position: absolute;                width: 80%;                left:5%;                top:15%;                font-size:12px;                color: #888;                line-height: 18px;            }            #game .share_rank,#game .share_waring{                position: absolute;                width: 100%;                height: 320px;                text-align: center;            }            #game .mask{                width: 100%;                height: 100%;                background: #fff;                position: absolute;                left:0;                top:0;                opacity:0.8;            }            #game .win_info{                position: absolute;                width: 80%;                left: 5%;                top:30%;                background: #fff;                border: #AAA solid 1px;                color: #505050;                border-radius:5px;                padding:10px 5%;                box-shadow:rgba(0,0,0,0.8) 0 0 10px;            }            .frend_sharebtn span{                font-size:18px;                color: #f00;                padding-left:20px;                font-weight: bolder;                background:url(3.png) center right no-repeat;                height:29px;            }            #game .frend_sharebtn{                position: fixed;                right:3px;                top:3px;                box-shadow:rgba(0,0,0,0.8) 0 0 30px;                color: #505050;                background: #FAFAFA;                border: #fff solid 1px;                padding: 15px;                font-size: 16px;                text-shadow: white 0 1px 0;                text-decoration: none;                float: left;                border-radius: 0;                font-weight: bolder;                border-radius:3px;                z-index: 101;				width:100%;            }        </style></head><body>        <div id="game">            <div class="bg"></div>            <div class="game_time" style="display: none;"></div>            <div class="power"></div>            <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>            <div class="handle"><div class="g_button rightborder" id="replay">重新开始</div>                <div class="g_button" id="autoplayA">查看正确答案</div>            </div>            <div class="share_waring" style="display: none;">                <div class="mask"></div>                <div class="win_info">哇!你用了<span style="color:#f30"></span>解开了游戏,赶快跟朋友挑战!</div>                <a class="g_sharebtn" href="javascript:void(0);" d-title="小青蛙过河!智商大挑战!敢来挑战吗?" ><span>分享</span></a>            </div>            <div class="boss">游戏规则:<br>1.点击青蛙跳动<br>2.青蛙不能向后跳,最多只能跳过1个青蛙.<br>3.使左右两边青蛙交换位置即可胜利!</div>            <div class="share_rank" style="display: none;">                <div class="mask"></div>                <div class="win_info">哇!你用了<span style="color:#f30"></span>解开了游戏,赶快跟朋友挑战!</div>                <a class="frend_sharebtn" href="javascript:void(0);">点击上面的按钮分享给朋友 <span>  </span> </a>            </div>                    </div><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>    <a href="http://web10.916d.com/" style="color: #505050;text-decoration:none;">想玩更多游戏,点这里!</a><script type="text/javascript" src="http://tajs.qq.com/stats?sId=36313548" charset="UTF-8"></script></body></html>
 |