| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628 | <!DOCTYPE html><html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="utf-8" />    <title>趣味英语测试</title>    <meta http-equiv="Content-Type" content="text/html; charset=gbk">    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">    <link type="text/css" rel="stylesheet" href="style/style.css" />    <script src="script/jquery.min.js"></script>    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>    <script src="script/ishoock.tools.js"></script>    <script src="script/question.js"></script>    <script>        /*var base = "http://www.ishoock.com/work/_51talk/201505/children/";        var wxconfig1 = {            title: '据说拿不到60分的都是没有童年的人',            desc: '据说拿不到60分的都是没有童年的人',            link: base,            imgUrl: "./image/share.jpg" + "?ver=1"        };        var wxconfig2 = {            title: '据说拿不到60分的都是没有童年的人',            desc: '据说拿不到60分的都是没有童年的人',            link: base,            imgUrl: "./image/share.jpg" + "?ver=1"        };*/   /*     var uri = window.location.href.split("#")[0];        var path = uri.split("?")[0];        var query = uri.split("?")[1];        uri = path + (query ? ("?" + encodeURI(query)) : "");        $.post("http://www.ishoock.com/wechathandler/baiduzhushou/", {            uri: uri        }, function (data) {            data = eval("(" + data + ")");            var apilist = [                'onMenuShareTimeline',                'onMenuShareAppMessage'            ];            wx.config({                debug: false,                appId: data.appid,                timestamp: data.timestamp,                nonceStr: data.noncestr,                signature: data.signature,                jsApiList: apilist            });            wx.error(function (res) {                alert(JSON.stringify(res));            });            wx.ready(function () {                wx.onMenuShareTimeline(wxconfig1);                wx.onMenuShareAppMessage(wxconfig2);            });        });*/(function(){    //play68_init();    })();        var load = new Load(function (p) {            var text = $("#load .text");            text.html(parseInt(p * 100) + "%");            $("#load .action1").addClass("on");            $("#load .action2").addClass("on");        }, loadComplete, [         			"./image/beeper.png",			"./image/beeper1.png",			"./image/bg.jpg",			"./image/bgq.jpg",			"./image/book.png",			"./image/fp_1a.png",			"./image/fp_1b.png",			"./image/fp_2a.png",			"./image/fp_2b.png",			"./image/fp_3a.png",			"./image/fp_3b.png",			"./image/fp_3c.png",			"./image/fp_3d.png",			"./image/fp_4.png",			"./image/fp_5.png",			"./image/fp_6a.png",			"./image/fp_6b.png",			"./image/fp_6c.png",			"./image/fp_7.png",			"./image/fp_8.png",			"./image/glass.png",			"./image/load_1.png",			"./image/load_2.png",			"./image/load_3.png",			"./image/load_4.png",			"./image/load_5.png",			"./image/lpage1.png",			"./image/lpage2_1.png",			"./image/lpage2_10.png",			"./image/lpage2_2.png",			"./image/lpage2_3.png",			"./image/lpage2_4.png",			"./image/lpage2_5.png",			"./image/lpage2_6.png",			"./image/lpage2_7.png",			"./image/lpage2_8.png",			"./image/lpage2_9.png",			"./image/lpage3_1.png",			"./image/lpage3_2.png",			"./image/lpage3_3.png",			"./image/lpage3_4.png",			"./image/lpage3_5.png",			"./image/lpage4_1.png",			"./image/lpage4_2.png",			"./image/lpage4_3.png",			"./image/lpage4_4.png",			"./image/lpage4_5.png",			"./image/lpage5.png",			"./image/lpage6.png",			"./image/lpage7.png",			"./image/off.png",			"./image/on.png",			"./image/p1_1n.png",			"./image/p1_1r.png",			"./image/p1_1w.png",			"./image/p1_2.png",			"./image/p1_aa.png",			"./image/p1_ab.png",			"./image/p1_ac.png",			"./image/p1_ad.png",			"./image/p1_t.png",			"./image/p10_1n.png",			"./image/p10_1r.png",			"./image/p10_1w.png",			"./image/p10_aa.png",			"./image/p10_ab.png",			"./image/p10_ac.png",			"./image/p10_ad.png",			"./image/p10_t.png",			"./image/p2_1n.png",			"./image/p2_1r.png",			"./image/p2_1w.png",			"./image/p2_aa.png",			"./image/p2_ab.png",			"./image/p2_ac.png",			"./image/p2_ad.png",			"./image/p2_t.png",			"./image/p3_1n.png",			"./image/p3_1r.png",			"./image/p3_1w.png",			"./image/p3_aa.png",			"./image/p3_ab.png",			"./image/p3_ac.png",			"./image/p3_ad.png",			"./image/p3_btn.png",			"./image/p3_finger.png",			"./image/p3_radio.png",			"./image/p3_t.png",			"./image/p4_1n.png",			"./image/p4_1r.png",			"./image/p4_1w.png",			"./image/p4_aa.png",			"./image/p4_ab.png",			"./image/p4_ac.png",			"./image/p4_ad.png",			"./image/p4_bow.png",			"./image/p4_rubber.png",			"./image/p4_t.png",			"./image/p5_1n.png",			"./image/p5_1r.png",			"./image/p5_1w.png",			"./image/p5_aa.png",			"./image/p5_ab.png",			"./image/p5_ac.png",			"./image/p5_ad.png",			"./image/p5_bow.png",			"./image/p5_ink.png",			"./image/p5_t.png",			"./image/p6_1n.png",			"./image/p6_1r.png",			"./image/p6_1w.png",			"./image/p6_aa.png",			"./image/p6_ab.png",			"./image/p6_ac.png",			"./image/p6_ad.png",			"./image/p6_t.png",			"./image/p7_1n.png",			"./image/p7_1r.png",			"./image/p7_1w.png",			"./image/p7_aa.png",			"./image/p7_ab.png",			"./image/p7_ac.png",			"./image/p7_ad.png",			"./image/p7_t.png",			"./image/p8_1n.png",			"./image/p8_1r.png",			"./image/p8_1w.png",			"./image/p8_aa.png",			"./image/p8_ab.png",			"./image/p8_ac.png",			"./image/p8_ad.png",			"./image/p8_t.png",			"./image/p9_1n.png",			"./image/p9_1r.png",			"./image/p9_1w.png",			"./image/p9_aa.png",			"./image/p9_ab.png",			"./image/p9_ac.png",			"./image/p9_ad.png",			"./image/p9_t.png",			"./image/pen1.png",			"./image/pen2.png",			"./image/right.png",			"./image/rubber.png",			"./image/tel.png",			"./image/wrong.png",			"./image/logo.png"        ], 36);        score = 0;        var bgm = new Audio();        bgm.src = "audio/bgm.mp3";        bgm.loop = true;        var listen = new Audio();        listen.src = "audio/2.mp3";        changing = true;        var indexs = 0;        $(function () {            load.Start();            setQuestion();            setLabel();        })        function loadComplete() {            gesture = new Gesture(document.getElementById("content"), {                "click": function (e) {                    if(e.target.id == "bgm_btn"){                        if ($("#bgm_btn").hasClass("on")) {                            bgm.pause();                            $("#bgm_btn").attr("class", "off");                            if (indexs == 1 || indexs == 2) {                                changing = false;                            }                        } else {                            bgm.play();                            $("#bgm_btn").attr("class", "on");                            if (indexs == 1 || indexs == 2) {                                changing = true;                            }                        }                    };                    if (e.target.id == "btn1") {                        indexs = 0;                        gesture.Kill();                        $("#result").hide();                        $("#result .btn1").removeClass("in");                        $("#result .btn2").removeClass("in");                        $("#result .btn3").removeClass("in");                        $("#bgq").hide();                        $("#fpage .foil").removeClass("in");                        $("#fpage .men").removeClass("in");                        $("#fpage .no1").removeClass("in");                        $("#fpage .no2").removeClass("in");                        $("#fpage .no3").removeClass("in");                        $("#fpage .no4").removeClass("in");                        setTimeout(function () {                            $("#fpage").removeClass("out");                        }, 400);                        score = 0;                        $("#btn").removeClass("on");                        $("#btn1").removeClass("in");                        $("#btn2").removeClass("in");                        // $("#btn3").removeClass("in");                        $("#logo").removeClass("in");                        $("#questions .tit").removeClass("in");                        $("#questions .ans").removeClass("in");                        $("#questions .pro").removeClass("out");                        $("#questions .pro").removeClass("out");                        $("#questions .pro").hide();                        $("#questions").removeClass("in");                        $("#questions").show();                        $("#questions .expren").css("display", "");                        $("#questions .expre").hide();                        $("#questions .ans").removeClass("checked");                        $("#questions .mark-r").hide();                        $("#questions .mark-w").hide();                    };                    if (e.target.id == "btn2") {                    	// play68_submitScore(shareDesc,shareTitle);                        $("#share").addClass("in");                    }                    if (e.target.id == "share") {                    	// play68_submitScore(shareDesc,shareTitle);                        $("#share").removeClass("in");                    }                    if (e.target.id == "share1") {                    	console.log("share");                        // $("#share").removeClass("in");                    }                    if (e.target.id == "btn3") {                    	console.log("btn3")                    	// Play68.goHome();                        // window.location.href = "http://wap.51talk.com/wap_children.php";                    }                    if (e.target.id == "logo") {                    	console.log("logo")                    	// Play68.goHome();                        // window.location.href = "http://wap.51talk.com/wap_children.php";                    }                }            },              function (code) {                  if (code == 1) {                      switch (index) {                          case 1:                              // window.location.href = "http://wap.51talk.com/wap_children.php";                              break;                      }                  }              });            $("#bgm_btn").on("click", function () {                if (this.className == "on") {                    bgm.pause();                    $("#bgm_btn").attr("class", "off");                    if (indexs == 1 || indexs == 2) {                        changing = false;                    }                } else {                    bgm.play();                    $("#bgm_btn").attr("class", "on");                    if (indexs == 1 || indexs == 2) {                        changing = true;                    }                }            });            $("#load").addClass("out");            $("#fpage").addClass("in");            $("#bg").addClass("in");            setTimeout(function () {                $("#begin").fadeIn();            }, 3500);            $("#begin").on("click", function () {                indexs = 1;                try { $("#bgm_btn").attr("class", "on"); } catch (e) { $("bgm_btn").attr("class", "off"); };                bgm.play();                changing = true;                $("#fpage .foil").addClass("in");                $("#fpage .men").addClass("in");                $("#fpage .no1").addClass("in");                $("#fpage .no2").addClass("in");                $("#fpage .no3").addClass("in");                $("#fpage .no4").addClass("in");                setTimeout(function () {                    $("#fpage").addClass("out");                    $("#bgq").fadeIn();                    $("#questions").addClass("in");                }, 1500);                setTimeout(function () {                    $("#question0").fadeIn();                    $("#question0 .title0").addClass("in");                    $("#question0 .answer0").addClass("in");                    $("#question0 .answer1").addClass("in");                    $("#question0 .answer2").addClass("in");                    $("#question0 .answer3").addClass("in");                    setTimeout(function () {                        $("#question0 .not0").fadeIn();                    }, 1200);                }, 2000);            });            $("#btn").on("click", function () {                bgm.pause();                $("#bgm_btn").attr("class", "off");                listen.load();                listen.play();                $("#btn").addClass("on");            });        }        function setLabel() {            _str1 = "";            _str1 += "<div id='btn'></div> <div id='finger'></div>";            $("#question2 .not2").html(_str1);        }        function setQuestion() {            _str = "";            for (var i = 0; i < 10; i++) {                var answers = questions[i].answers;                _str += "<div class='pro' id='question" + i + "'>";                _str += "<div class='title" + i + " tit'></div>" + "<div class='not" + i + " expren'></div>" + "<div class='wrong" + i + " expre'></div>" + "<div class='right" + i + " expre'></div>" + "<div class='ele" + i + "a'></div>" + "<div class='ele" + i + "b'></div>";                for (var j = 0; j < 4; j++) {                    _str += "<div class='answer" + j + " ans' data-score='" + answers[j].score + "'" + "' data-action='" + answers[j].result + "'" + "onclick='Checked(this);return false;' >" + "<div class='hook" + j + " mark-r'></div>" + "<div class='fork" + j + " mark-w'></div>" + "</div>";                }                _str += "</div>";            }            $("#questions").html(_str);        }        function Checked(el) {            if (!$(el).hasClass("checked") && !$(el).siblings(".checked")[0]) {                $(el).addClass("checked");                current = $(el).parent();                var not = current.children()[1];                var wrong = current.children()[2];                var right = current.children()[3];                var next = current.next();                var title = next.children()[0];                var notbg = next.children()[1];                var answer0 = next.children()[6];                var answer1 = next.children()[7];                var answer2 = next.children()[8];                var answer3 = next.children()[9];                listen.pause();                _result = parseInt($(el).attr("data-action"));                if (_result == 1) {                    $(el).children(".mark-r").show();                    $(not).hide();                    $(right).show();                } else {                    $(el).children(".mark-w").show();                    $(not).hide();                    $(wrong).show();                }                if (next[0]) {                    setTimeout(function () {                        indexs++;                        $(current).addClass("out");                        $(next).fadeIn();                        $(title).addClass("in");                        $(answer0).addClass("in");                        $(answer1).addClass("in");                        $(answer2).addClass("in");                        $(answer3).addClass("in");                         if (indexs == 4 && changing == false) {                            bgm.pause();                            $("#bgm_btn").attr("class", "off");                        }                        if(indexs==4 && changing == true)                        {                            bgm.play();                            $("#bgm_btn").attr("class", "on");                        }                        setTimeout(function () {                            $(notbg).fadeIn();                        }, 1200);                    }, 2000);                    var _score = parseInt($(el).attr("data-score"));                    score += _score;                    Result(score);                }                else {                    setTimeout(function () {                        $(current).addClass("out");                        setTimeout(function () {                            $("#questions").fadeOut();                            $("#result").fadeIn();                            index = 1;                            gesture.Init();                            $("#btn1").addClass("in");                            $("#btn2").addClass("in");                            $("#btn3").addClass("in");                            $("#logo").addClass("in");                        }, 500);                    }, 2000);                    var _score = parseInt($(el).attr("data-score"));                    score += _score;                    Result(score);                    //updateShare(shareDesc,shareTitle);					//Play68.setRankingScoreDesc(score);                }            }        }        function Result(score) {            if (score == 10) {                $("#result .pic").css("background-image","url(./image/lpage3_1.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_1.png)", "background-size": "90% 90%" });                $("#result .text3").css("background-image", "url(./image/lpage4_1.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,我当年的英语真的是体育老师教的";            }            if (score == 20) {                $("#result .pic").css("background-image", "url(./image/lpage3_1.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_2.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_1.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,我当年的英语真的是体育老师教的";            }            if (score == 30) {                $("#result .pic").css("background-image", "url(./image/lpage3_1.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_3.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_1.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,我当年的英语真的是体育老师教的";            }            if (score == 40) {                $("#result .pic").css("background-image", "url(./image/lpage3_2.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_4.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_2.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,难怪当年泡不到英语科代表";            }            if (score == 50) {                $("#result .pic").css("background-image", "url(./image/lpage3_2.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_5.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_2.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,难怪当年泡不到英语科代表";            }            if (score == 60) {                $("#result .pic").css("background-image", "url(./image/lpage3_2.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_6.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_2.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,难怪当年泡不到英语科代表";            }            if (score == 70) {                $("#result .pic").css("background-image", "url(./image/lpage3_3.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_7.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_3.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,成功俘获了韩梅梅";            }            if (score == 80) {                $("#result .pic").css("background-image", "url(./image/lpage3_3.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_8.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_3.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,成功俘获了韩梅梅";            }            if (score == 90) {                $("#result .pic").css("background-image", "url(./image/lpage3_4.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_9.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_4.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,这些年的药果然没白吃";            }            if (score == 100) {                $("#result .pic").css("background-image", "url(./image/lpage3_5.png)");                $("#result .text2").css({ "background-image": "url(./image/lpage2_10.png)", "background-size": "100% 100%" });                $("#result .text3").css("background-image", "url(./image/lpage4_5.png)");                shareDesc = "据说拿不到60分的都是没有童年的人";                shareTitle = "我初中英语考了" + score + "分,我英语这么好我妈真的不造";            }        }    </script></head><body>    <div id="content">        <div id="load">            <div class="action2"></div>            <div class="action1"></div>            <div class="pic"></div>            <div class="text"></div>        </div>        <div id="pages">            <div id="bg"></div>            <div id="fpage">                <div class="layer">                    <div class="foil"></div>                    <div class="men"></div>                    <div class="sound">                        <div class="no1"></div>                        <div class="no2"></div>                        <div class="no3"></div>                        <div class="no4"></div>                    </div>                    <div class="text1"></div>                    <div class="frame"></div>                    <div class="loca">                        <div class="bya">                            <div class="texta"></div>                        </div>                    </div>                    <div class="locb">                        <div class="byb">                            <div class="textb"></div>                        </div>                    </div>                    <div class="locc">                        <div class="byc">                            <div class="textc"></div>                        </div>                    </div>                    <div class="pen"></div>                    <div id="begin"></div>                </div>            </div>            <div id="bgq"></div>            <div id="questions"></div>        </div>        <div id="result">            <div class="pic">                <div id="logo"></div>            </div>            <div class="text1"></div>            <div class="text2"></div>            <div class="text3"></div>            <div id="btn1"></div>            <div id="btn2"></div>            <div id="btn3"></div>        </div>        <div id="share">            <div id="share1"></div>        </div>        <div id="bgm_btn"></div>    </div><script  type="text/JavaScript">window.shareData={  'title':'儿童节到了',  'link':'http://game.ikongzhong.cn/games/yyks/',  'imgurl':'http://game.ikongzhong.cn/games/yyks/icon.png'}window.shareFriendData={  'title':'儿童节到了',  'content':'关注空中传媒网络,更多好玩的游戏等着你。',  'link':'http://game.ikongzhong.cn/games/yyks/',  'imgurl':'http://game.ikongzhong.cn/games/yyks/icon.png'}</script><script type="text/JavaScript" src="http://gc.veiying.cn/code"></script></body></html>
 |