root
/
tv_xiaoyouxi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683
							<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8">
		<meta name="page-view-size" content="1280*720">
		<meta name="format-detection" content="telephone=no">
		<title>趣味英语测试</title>
		<link type="text/css" rel="stylesheet" href="style/style.css" />


	</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 src="script/jquery.min.js"></script>
		<script src="script/ishoock.tools.js"></script>
		<script src="script/question.js"></script>
		<script>
			(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() {


				// 游戏结束重新开始事件
				function dbstart() {
					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();
				}


				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") {
								dbstart()
							};
							if (e.target.id == "btn2") {

								$("#share").addClass("in");
							}
							if (e.target.id == "share") {
								$("#share").removeClass("in");
							}
							if (e.target.id == "share1") {
								console.log("share");
							}
							if (e.target.id == "btn3") {
								console.log("btn3")
							}
							if (e.target.id == "logo") {
								console.log("logo")
							}
						}
					},
					function(code) {
						if (code == 1) {
							switch (index) {
								case 1:
									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);

				// 点击开始
				function begin() {
					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");
					}, 500);
					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();
						}, 600);
					}, 1000);
				}


				// 键盘操作事件
				document.onkeydown = keyListener;
				var pro = document.getElementsByClassName("pro");

				function keyListener(e) {
					// 回车执行
					if (e.keyCode == 13) {
						if (document.getElementById("fpage").className == "in") { //判断使状态在游戏未开始前执行
							begin()
						} else if (document.getElementById("btn1").className) {
							dbstart()
						}
					}
					check()
				}


				// 选择事件
				function check() {
					var i = 0;
					for (i = 0; i < pro.length; i++) {
						if (pro[i].className == "pro") {
							var j = 0;
							var k = 0;
							document.getElementById("question" + i).getElementsByClassName("answer" + j)[0].className += " check";
							document.onkeydown = keyListener;

							function keyListener(e) {
								if (e.keyCode == 38) { //上键
									if (j > 0) {
										k = j;
										j = j - 1;
										document.getElementById("question" + i).getElementsByClassName("answer" + j)[0].className += " check";
										document.getElementById("question" + i).getElementsByClassName("answer" + j)[0].nextSibling.className =
											"answer" + k + " ans in";
									}
								} else if (e.keyCode == 40) { //下键
									if (j < 3) {
										k = j;
										j = j + 1;
										document.getElementById("question" + i).getElementsByClassName("answer" + j)[0].className += " check";
										document.getElementById("question" + i).getElementsByClassName("answer" + j)[0].previousSibling.className =
											"answer" + k + " ans in";
									}
								} else if (e.keyCode == 13) {
									Checked(document.getElementById("question" + i).getElementsByClassName("answer" + j)[0])
									j = 0;
									setTimeout(function() {
										check()
									}, 1000);
									if (document.getElementById("btn1").className) {
										// dbstart()
										window.location.reload();
									} else if (document.getElementById("fpage").className == "in") {
										begin() //判断使状态在游戏未开始前执行
									}
								}
							}
							break;
						}
					}
				}


				$("#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();
							}, 600);
						}, 1000);
						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");
							}, 250);

						}, 1000);
						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>
	</body>
</html>