$(function(){ miTouch();//绯荤粺浜や簰锛氳Е灞忔晥鏋 nav();//渚ц竟瀵艰埅 recomPro();//浜у搧鎺ㄨ崘 banner();// banner searcher(); menu(); backtop(); $("#goBack").click(function(){ // history.back(); history.go(-1); }); $("#topsearch").click(function(){ $(".btn_close_main").show(); $("#tsearch").slideDown(200); }); $(".btn_close_main").click(function(){ $("#tsearch").slideUp(200); $(".btn_close_main").hide(); }); $("#navwrap .tit").click(function () { if ($(this).siblings('.sub-box').is(':hidden')) { $(this).siblings('.sub-box').stop().slideDown().parent().siblings().find('.sub-box').slideUp(); } else { $(this).siblings('.sub-box').stop().slideUp() } }); }); // 绯荤粺浜や簰锛氳Е灞忔晥鏋 function miTouch(){ $("#subNav .subNavCon li a,.reLink a,#toolbar .list a").bind({"touchstart":function(){ $(this).addClass("hover"); }, "touchmove":function(){ $(this).removeClass("hover"); }, "touchend":function(){ $(this).removeClass("hover"); }}); } //渚ц竟瀵艰埅 function nav(){ $("#nav").click(function () { if ($(this).hasClass("cur")) { $("#subNav").addClass("subNavShow2"); $(this).removeClass("cur"); $(this).html("
") } else { $(this).addClass("cur"); $(this).html(""); $("#subNav").removeClass("subNavShow2"); } }); } //涓夌骇瀵艰埅 function menu(){ var $a = $("#listBox ul"); $a.bind({"touchstart":function(){ $(this).addClass("hover"); }, "touchmove":function(){ // $(this).removeClass("hover"); }, "touchend":function(){ // $(this).removeClass("hover"); }}); } function recomPro() { if (!$("#recomPro").length) { return false; } var $a = $("#recomPro .recomList"), length = $a.find("ul").length, vi = 0, wid, t, autoPlayTime = 8000, autoAnimateTime = 500, loop = true; // 鍏嬮殕鍏冪礌 var clone = $a.find("ul").eq(0).clone().addClass("clone"); $a.children(".list").append(clone); // 鑷€傚簲瀹藉害 var _init = function() { wid = $a.width(); $a.children(".list").width(wid * (length+1)); $a.find("ul").width(wid); // $a.find("img").css({ // "width": wid // }); } // 婊氬姩鏁堟灉鍑芥暟 var _func = function() { if (vi >= length) { vi = 0; _func(); } else { vi++; if (vi == length) { setTimeout(function() { $a.children(".list").css({ "-webkit-transform": "translate3d(0px, 0px, 0px)", "-webkit-transition": "-webkit-transform 0ms linear" }); }, autoAnimateTime); } $a.children(".list").css({ "-webkit-transform": "translate3d(-" + wid * vi + "px, 0px, 0px)", "-webkit-transition": "-webkit-transform " + autoAnimateTime + "ms linear" }); } } // 婊戝姩瑙﹀彂鏁堟灉 var _touch = function() { var o_pagex = 0, // 鎺ヨЕ璁板綍鍊 e_pagex = 0; // 绂诲紑璁板綍鍊 $a.bind({ "touchstart": function(e) { clearInterval(t); o_pagex = e.originalEvent.targetTouches[0].pageX; }, "touchmove": function(e) { e_pagex = e.originalEvent.changedTouches[0].pageX; var xpage = e_pagex - o_pagex; //::璐熸暟-鍚戝乏杈规粦鍔?:姝f暟-鍚戝彸杈规粦鍔 if (xpage >= 0) { if (vi <= 0) { $a.children(".list").css({ "-webkit-transform": "translate3d(-" + (wid * length - xpage) + "px, 0px, 0px)", "-webkit-transition": "-webkit-transform 0ms linear" }); vi = length; } } else { if (vi >= length) { $a.children(".list").css({ "-webkit-transform": "translate3d(0px, 0px, 0px)", "-webkit-transition": "-webkit-transform 0ms linear" }); vi = 0; } } $a.children(".list").css({ "-webkit-transform": "translate3d(-" + (wid * vi - xpage) + "px, 0px, 0px)", "-webkit-transition": "-webkit-transform 0ms linear" }); e.preventDefault(); }, "touchend": function(e) { $a.children(".list").css({ "-webkit-transition": "-webkit-transform " + autoAnimateTime + "ms linear" }); e_pagex = e.originalEvent.changedTouches[0].pageX if (e_pagex - o_pagex > 0) { // 鎵嬫寚鍚戝彸杈规粦鍔 vi -= 2; _func(); } else if (e_pagex - o_pagex < 0) { // 鎵嬫寚鍚戝乏杈规粦鍔 _func(); } t = setInterval(_func, autoPlayTime); } }); } $("#recomPro .left").click(function(){ clearInterval(t); if (vi <= 0 || vi == length) { $a.children(".list").css({ "-webkit-transform": "translate3d(-" + (wid * length) + "px, 0px, 0px)", "-webkit-transition": "-webkit-transform 0ms linear" }); vi = length; } _func(); }) $("#recomPro .right").click(function(){ clearInterval(t); if (vi >= length) { $a.children(".list").css({ "-webkit-transform": "translate3d(0px, 0px, 0px)", "-webkit-transition": "-webkit-transform 0ms linear" }); vi = 0; } _func(); }); _touch(); // 鎵嬫寚婊戝姩瑙﹀彂 _init(); // 鑷€傚簲瀹藉害 // t = setInterval(_func, autoPlayTime); $(window).resize(_init); // 鏀瑰彉娴忚鍣ㄥ搴 window.onorientationchange = function() { _init(); }; } /* banner */ function banner(){ if(!$("#banner").length){ return false; } var $a = $("#banner"), length = $a.find("li").length, vi = 0, wid, t, autoPlayTime = 5000, autoAnimateTime = 500, loop = true; // 鍏嬮殕鍏冪礌 var clone = $a.find("li").eq(0).clone().addClass("clone"), tipHtml = "";; $a.children("ul").append(clone); // 鐢熸垚Tip if(length > 1){ for(var i=0; i