123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381 |
- var Msize = $(".m-page").size(), page_n = 1, initP = null, moveP = null, firstP = null, newM = null, p_b = null, indexP = null, move = null, start = true, startM = null, position = null, DNmove = false, mapS = null, canmove = false, textNode = [], textInt = 1;
- audio_switch_btn = true, audio_btn = true, audio_loop = false, audioTime = null, audioTimeT = null, audio_interval = null, audio_start = null, audio_stop = null, mousedown = null, plugin_type = {"info_pic2": {num: 0, id: 0}, "info_nomore": {num: 0, id: 0}, "info_more": {num: 0, id: 0}, "multi_contact": {num: 0, id: 0}, "video": {num: 0, id: 0}, "input": {num: 0, id: 0}, "dpic": {num: 0, id: 0}};
- var v_h = null;
- var v_w = null;
- function init_pageH(b) {
- var e = function() {
- if (document.compatMode == "BackCompat") {
- var f = document.body
- } else {
- var f = document.documentElement
- }
- return Math.max(f.scrollHeight, f.clientHeight)
- };
- var c = function() {
- if (document.compatMode == "BackCompat") {
- var f = document.body
- } else {
- var f = document.documentElement
- }
- return Math.max(f.scrollWidth, f.clientWidth)
- };
- var d = e();
- var a = $(".m-page").height();
- d >= a ? v_h = d : v_h = a;
- v_w = c();
- $(".m-page").height(v_h);
- $(".p-index").height(v_h)
- }
- init_pageH();
- var lazyNode = $(".lazy-bk");
- lazyNode.each(function() {
- var a = $(this);
- if (a.is("img")) {
- a.attr("src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC")
- } else {
- a.css({"background-image": "url(../images/loading.gif)", "background-size": "120px 120px"})
- }
- });
- setTimeout(function() {
- for (var a = 0; a < 3; a++) {
- var b = $(".m-page").eq(a);
- if (b.length == 0) {
- break
- }
- if (b.find(".lazy-bk").length != 0) {
- lazy_change(b)
- } else {
- continue
- }
- }
- }, 200);
- function lazy_bigP() {
- for (var a = 3; a <= 5; a++) {
- var b = $(".m-page").eq(page_n + a - 1);
- if (b.length == 0) {
- break
- }
- if (b.find(".lazy-bk").length != 0) {
- lazy_change(b)
- } else {
- continue
- }
- }
- }
- function lazy_change(b) {
- if (b.attr("data-yuyue") == "true") {
- $(".weixin-share").find(".lazy-bk").attr("src", $(".weixin-share").find(".lazy-bk").attr("data-bk"))
- }
- var a = b.find(".lazy-bk");
- a.each(function() {
- var c = $(this), d = c.attr("data-bk");
- $("<img />").on("load", function() {
- if (c.is("img")) {
- c.attr("src", d)
- } else {
- c.css({"background-image": "url(" + d + ")", "background-size": "cover"})
- }
- for (var e = 0; e < $(".m-page").size(); e++) {
- var f = $(".m-page").eq(e);
- if ($(".m-page").find(".lazy-bk").length == 0) {
- continue
- } else {
- lazy_change(f)
- }
- }
- }).attr("src", d);
- c.removeClass("lazy-bk")
- })
- }
- function changeOpen(a) {
- $(".v-page").on("mousedown touchstart", page_v_touchstart);
- $(".v-page").on("mousemove touchmove", page_v_touchmove);
- $(".v-page").on("mouseup touchend mouseout", page_v_touchend);
- $(".h-page").on("mousedown touchstart", page_h_touchstart);
- $(".h-page").on("mousemove touchmove", page_h_touchmove);
- $(".h-page").on("mouseup touchend mouseout", page_h_touchend)
- }
- function changeClose(a) {
- $(".v-page").off("mousedown touchstart");
- $(".v-page").off("mousemove touchmove");
- $(".v-page").off("mouseup touchend mouseout")
- }
- function page_v_touchstart(a) {
- if (a.type == "touchstart") {
- initP = window.event.touches[0].pageY
- } else {
- initP = a.y || a.pageY;
- mousedown = true
- }
- firstP = initP
- }
- function page_h_touchstart(a) {
- if (a.type == "touchstart") {
- initP = window.event.touches[0].pageX
- } else {
- initP = a.x || a.pageX;
- mousedown = true
- }
- firstP = initP
- }
- function V_start(a) {
- initP = a;
- mousedown = true;
- firstP = initP
- }
- function page_v_touchmove(b) {
- b.preventDefault();
- b.stopPropagation();
- if (page_n == Msize) {
- window.location.href = "http://game.ikongzhong.cn/games/zazhi/";
- return
- }
- if (start || startM) {
- startM = true;
- if (b.type == "touchmove") {
- moveP = window.event.touches[0].pageY;
- moveP2 = window.event.touches[0].pageX
- } else {
- if (mousedown) {
- moveP = b.y || b.pageY
- }
- if (mousedown) {
- moveP2 = b.x || b.pageX
- }
- }
- page_n == 1 ? indexP = false : indexP = true
- }
- if (moveP && startM) {
- if (!p_b) {
- p_b = true;
- position = moveP - initP > 0 ? true : false;
- if (position) {
- if (indexP) {
- newM = page_n - 1;
- $(".m-page").eq(newM - 1).addClass("active").css("top", -v_h);
- move = true
- } else {
- if (canmove) {
- move = true;
- newM = Msize;
- $(".m-page").eq(newM - 1).addClass("active").css("top", -v_h)
- } else {
- move = false
- }
- }
- } else {
- if (page_n != Msize) {
- if (!indexP) {
- $(".audio_txt").addClass("close")
- }
- newM = page_n + 1
- } else {
- newM = 1
- }
- $(".m-page").eq(newM - 1).addClass("active").css("top", v_h);
- move = true
- }
- }
- if (!DNmove) {
- if (move) {
- if ($("#car_audio").length > 0 && audio_switch_btn && Math.abs(moveP - firstP) > 100) {
- $("#car_audio")[0].play();
- audio_loop = true
- }
- start = false;
- var a = parseInt($(".m-page").eq(newM - 1).css("top"));
- $(".m-page").eq(newM - 1).css({"top": a + moveP - initP});
- initP = moveP
- } else {
- moveP = null
- }
- } else {
- moveP = null
- }
- }
- }
- function page_h_touchmove(b) {
- b.preventDefault();
- b.stopPropagation();
- if (page_n == Msize) {
- window.location.href = "http://game.ikongzhong.cn/games/zazhi/"
- }
- if (start || startM) {
- startM = true;
- if (b.type == "touchmove") {
- moveP = window.event.touches[0].pageX
- } else {
- if (mousedown) {
- moveP = b.x || b.pageX
- }
- }
- page_n == 1 ? indexP = false : indexP = true
- }
- if (moveP && startM) {
- if (!p_b) {
- p_b = true;
- position = moveP - initP > 0 ? true : false;
- if (position) {
- if (page_n != Msize) {
- if (!indexP) {
- $(".audio_txt").addClass("close")
- }
- newM = page_n + 1
- } else {
- newM = 1
- }
- $(".m-page").eq(newM - 1).addClass("active").css("left", -v_w);
- move = true
- } else {
- if (page_n != Msize) {
- if (!indexP) {
- $(".audio_txt").addClass("close")
- }
- newM = page_n + 1
- } else {
- newM = 1
- }
- $(".m-page").eq(newM - 1).addClass("active").css("left", v_w);
- move = true
- }
- }
- if (!DNmove) {
- if (move) {
- if ($("#car_audio").length > 0 && audio_switch_btn && Math.abs(moveP - firstP) > 100) {
- $("#car_audio")[0].play();
- audio_loop = true
- }
- start = false;
- var a = parseInt($(".m-page").eq(newM - 1).css("left"));
- $(".m-page").eq(newM - 1).css({"left": a + moveP - initP});
- initP = moveP
- } else {
- moveP = null
- }
- } else {
- moveP = null
- }
- }
- }
- function page_v_touchend(a) {
- startM = null;
- p_b = false;
- audio_close();
- var b;
- position ? b = moveP - firstP > 100 : b = firstP - moveP > 100;
- if (move) {
- if (b && Math.abs(moveP) > 5) {
- $(".m-page").eq(newM - 1).animate({"top": 0}, 300, "easeOutSine", function() {
- success()
- })
- } else {
- if (Math.abs(moveP) >= 5) {
- position ? $(".m-page").eq(newM - 1).animate({"top": -v_h}, 100, "easeOutSine") : $(".m-page").eq(newM - 1).animate({"top": v_h}, 100, "easeOutSine");
- $(".m-page").eq(newM - 1).removeClass("active");
- start = true
- }
- }
- }
- initP = null, moveP = null, firstP = null, mousedown = null;
- initP2 = null, moveP2 = null, firstP2 = null, mousedown2 = null
- }
- function page_h_touchend(a) {
- startM = null;
- p_b = false;
- audio_close();
- var b;
- position ? b = moveP - firstP > 100 : b = firstP - moveP > 100;
- if (move) {
- if (b && Math.abs(moveP) > 5) {
- $(".m-page").eq(newM - 1).animate({"left": 0}, 300, "easeOutSine", function() {
- success()
- })
- } else {
- if (Math.abs(moveP) >= 5) {
- position ? $(".m-page").eq(newM - 1).animate({"left": -v_w}, 100, "easeOutSine") : $(".m-page").eq(newM - 1).animate({"left": v_w}, 100, "easeOutSine");
- $(".m-page").eq(newM - 1).removeClass("active");
- start = true
- }
- }
- }
- initP = null, moveP = null, firstP = null, mousedown = null;
- initP2 = null, moveP2 = null, firstP2 = null, mousedown2 = null
- }
- function success() {
- $(".m-page").eq(page_n - 1).removeClass("show active").addClass("hide");
- $(".m-page").eq(newM - 1).removeClass("active hide").addClass("show");
- if ($(".m-page.show").hasClass("h-page")) {
- $(".u-arrow").css("display", "none")
- } else {
- $(".u-arrow").css("display", "block")
- }
- lazy_bigP();
- page_n = newM;
- start = true;
- if (page_n == Msize) {
- canmove = true
- }
- }
- function audio_close() {
- if (audio_btn && audio_loop) {
- audio_btn = false;
- audioTime = Number($("#car_audio")[0].duration - $("#car_audio")[0].currentTime) * 1000;
- if (audioTime < 0) {
- audioTime = 0
- }
- if (audio_start) {
- if (isNaN(audioTime)) {
- audioTime = audioTimeT
- } else {
- audioTime > audioTimeT ? audioTime = audioTime : audioTime = audioTimeT
- }
- }
- if (!isNaN(audioTime) && audioTime != 0) {
- audio_btn = false;
- setTimeout(function() {
- $("#car_audio")[0].pause();
- $("#car_audio")[0].currentTime = 0;
- audio_btn = true;
- audio_start = true;
- if (!isNaN(audioTime) && audioTime > audioTimeT) {
- audioTimeT = audioTime
- }
- }, audioTime)
- } else {
- audio_interval = setInterval(function() {
- if (!isNaN($("#car_audio")[0].duration)) {
- if ($("#car_audio")[0].currentTime != 0 && $("#car_audio")[0].duration != 0 && $("#car_audio")[0].duration == $("#car_audio")[0].currentTime) {
- $("#car_audio")[0].currentTime = 0;
- $("#car_audio")[0].pause();
- clearInterval(audio_interval);
- audio_btn = true;
- audio_start = true;
- if (!isNaN(audioTime) && audioTime > audioTimeT) {
- audioTimeT = audioTime
- }
- }
- }
- }, 20)
- }
- }
- }
- $(function() {
- var b = $(".fn-audio").find(".btn");
- b.on("click", a);
- function a() {
- if ($("#car_audio") == undefined) {
- return
- }
- if (audio_switch_btn) {
- $("#car_audio")[0].pause();
- audio_switch_btn = false;
- $("#car_audio")[0].currentTime = 0;
- b.find("span").eq(0).css("display", "none");
- b.find("span").eq(1).css("display", "inline-block")
- } else {
- audio_switch_btn = true;
- b.find("span").eq(1).css("display", "none");
- b.find("span").eq(0).css("display", "inline-block")
- }
- }}
- );
|