/** * Created by abby on 2015/8/28. */ $(document).ready(function(){ openWindow($(".btn-contact")); touch.on('.part-2 .title-img-2', 'swipeleft swiperight', function(ev){ console.log("you have done", ev.type); if(ev.type=="swipeleft"){ var list = $(".part-2 .a-btn a").eq(-1); if (!list.hasClass("curr")) { $(".title-img-2 .img-list").hide(); var index = $(".a-btn .curr").index(); $(".a-btn .curr").removeClass("curr") $(".a-btn a").eq(index+1).addClass("curr"); $(".title-img-2 .img-list").eq(index+1).fadeIn(500); }else{ $(".title-img-2 .img-list:last").hide(); $(".a-btn .curr").removeClass("curr"); $(".title-img-2 .img-list:first").fadeIn(500).show(); $(".a-btn a:first").addClass("curr"); } } if(ev.type=="swiperight"){ var list = $(".part-2 .a-btn a").eq(0); if (!list.hasClass("curr")) { $(".title-img-2 .img-list").hide(); var index = $(".a-btn .curr").index(); $(".part-2 .a-btn .curr").removeClass("curr") $(".part-2 .a-btn a").eq(index-1).addClass("curr"); $(".part-2 .title-img-2 .img-list").eq(index-1).fadeIn(500); }else{ $(".part-2 .title-img-2 .img-list:first").hide(); $(".part-2 .a-btn .curr").removeClass("curr"); $(".part-2 .title-img-2 .img-list:last").fadeIn(500).show(); $(".part-2 .a-btn a:last").addClass("curr"); } } }); touch.on('.part-5 .dz', 'swipeleft swiperight', function(ev){ if(ev.type=="swipeleft"){ var list = $(".part-5 .dz-btn span").eq(-1); if (!list.hasClass("curr")) { $(".part-5 .dz-list").hide(); var index = $(".part-5 .dz-btn .curr").index(); $(".part-5 .dz-btn .curr").removeClass("curr") $(".part-5 .dz-btn span").eq(index+1).addClass("curr"); $(".part-5 .dz-list").eq(index+1).fadeIn(500); }else{ $(".part-5 .dz-list:last").hide(); $(".part-5 .dz-btn .curr").removeClass("curr"); $(".part-5 .dz-list:first").fadeIn(500).show(); $(".part-5 .dz-btn span:first").addClass("curr"); } } if(ev.type=="swiperight"){ var list = $(".part-5 .dz-btn span").eq(0); if (!list.hasClass("curr")) { $(".part-5 .dz-list").hide(); var index = $(".part-5 .dz-btn .curr").index(); $(".part-5 .dz-btn .curr").removeClass("curr") $(".part-5 .dz-btn span").eq(index-1).addClass("curr"); $(".part-5 .dz-list").eq(index-1).fadeIn(500); }else{ $(".part-5 .dz-list:first").hide(); $(".part-5 .dz-btn .curr").removeClass("curr"); $(".part-5 .dz-list:last").fadeIn(500).show(); $(".part-5 .dz-btn span:last").addClass("curr"); } } }); touch.on('.part-1 .list .list-1', 'swipeleft swiperight', function(ev){ if(ev.type=="swipeleft"){ var list = $(".part-1 .a-btn a").eq(-1); if (!list.hasClass("curr")) { $(".part-1 .list-1").hide(); var index = $(".part-1 .a-btn .curr").index(); $(".part-1 .a-btn .curr").removeClass("curr") $(".part-1 .a-btn a").eq(index+1).addClass("curr"); $(".part-1 .list .list-1").eq(index+1).fadeIn(500); }else{ $(".part-1 .list .list-1:last").hide(); $(".part-1 .a-btn .curr").removeClass("curr"); $(".part-1 .list .list-1:first").fadeIn(500).show(); $(".part-1 .a-btn a:first").addClass("curr"); } } if(ev.type=="swiperight"){ var list = $(".part-1 .a-btn a").eq(0); if (!list.hasClass("curr")) { $(".part-1 .list-1").hide(); var index = $(".part-1 .a-btn .curr").index(); $(".part-1 .a-btn .curr").removeClass("curr") $(".part-1 .a-btn a").eq(index-1).addClass("curr"); $(".part-1 .list .list-1").eq(index-1).fadeIn(500); }else{ $(".part-1 .list .list-1:first").hide(); $(".part-1 .a-btn .curr").removeClass("curr"); $(".part-1 .list .list-1:last").fadeIn(500).show(); $(".part-1 .a-btn a:last").addClass("curr"); } } }); $(".part-2 .next").on("click",function(){ var list = $(".part-2 .a-btn a").eq(-1); if (!list.hasClass("curr")) { $(".title-img-2 .img-list").hide(); var index = $(".a-btn .curr").index(); $(".a-btn .curr").removeClass("curr") $(".a-btn a").eq(index+1).addClass("curr"); $(".title-img-2 .img-list").eq(index+1).fadeIn(500); }else{ $(".title-img-2 .img-list:last").hide(); $(".a-btn .curr").removeClass("curr"); $(".title-img-2 .img-list:first").fadeIn(500).show(); $(".a-btn a:first").addClass("curr"); } }); $(".part-2 .prev").on("click",function(){ var list = $(".part-2 .a-btn a").eq(0); if (!list.hasClass("curr")) { $(".title-img-2 .img-list").hide(); var index = $(".a-btn .curr").index(); $(".part-2 .a-btn .curr").removeClass("curr") $(".part-2 .a-btn a").eq(index-1).addClass("curr"); $(".part-2 .title-img-2 .img-list").eq(index-1).fadeIn(500); }else{ $(".part-2 .title-img-2 .img-list:first").hide(); $(".part-2 .a-btn .curr").removeClass("curr"); $(".part-2 .title-img-2 .img-list:last").fadeIn(500).show(); $(".part-2 .a-btn a:last").addClass("curr"); } }); $(".part-1 .next").on("click",function(){ var list = $(".part-1 .a-btn a").eq(-1); if (!list.hasClass("curr")) { $(".title-img-2 .img-list").hide(); var index = $(".a-btn .curr").index(); $(".a-btn .curr").removeClass("curr") $(".a-btn a").eq(index+1).addClass("curr"); $(".title-img-2 .img-list").eq(index+1).fadeIn(500); }else{ $(".title-img-2 .img-list:last").hide(); $(".a-btn .curr").removeClass("curr"); $(".title-img-2 .img-list:first").fadeIn(500).show(); $(".a-btn a:first").addClass("curr"); } }); $(".part-1 .prev").on("click",function(){ var list = $(".part-1 .a-btn a").eq(0); if (!list.hasClass("curr")) { $(".title-img-2 .img-list").hide(); var index = $(".a-btn .curr").index(); $(".part-1 .a-btn .curr").removeClass("curr") $(".part-1 .a-btn a").eq(index-1).addClass("curr"); $(".part-1 .title-img-2 .img-list").eq(index-1).fadeIn(500); }else{ $(".part-1 .title-img-2 .img-list:first").hide(); $(".part-1 .a-btn .curr").removeClass("curr"); $(".part-1 .title-img-2 .img-list:last").fadeIn(500).show(); $(".part-1 .a-btn a:last").addClass("curr"); } }); //$(".part-1 .next").on("click",function(){ // var list = $(".dz-btn span").eq(-1); // if (!list.hasClass("curr")) { // $(".dz-list").hide(); // var index = $(".dz-btn .curr").index(); // $(".dz-btn .curr").removeClass("curr") // $(".dz-btn span").eq(index+1).addClass("curr"); // $(".dz-list").eq(index+1).fadeIn(500); // }else{ // $(".dz-list:last").hide(); // $(".dz-btn .curr").removeClass("curr"); // $(".dz-list:first").fadeIn(500).show(); // $(".dz-btn span:first").addClass("curr"); // } //}); // //$(".part-1 .prev").on("click",function(){ // var list = $(".dz-btn span").eq(0); // if (!list.hasClass("curr")) { // $(".dz-list").hide(); // var index = $(".dz-btn .curr").index(); // $(".dz-btn .curr").removeClass("curr") // $(".dz-btn span").eq(index-1).addClass("curr"); // $(".dz-list").eq(index-1).fadeIn(500); // }else{ // $(".dz-list:first").hide(); // $(".dz-btn .curr").removeClass("curr"); // $(".dz-list:last").fadeIn(500).show(); // $(".dz-btn span:last").addClass("curr"); // } //}); var times = 0; var time_1 = setInterval(addtimes,5000); function addtimes(){ times = times+1; if(times==5){ var list = $(".dz-btn span").eq(-1); if (!list.hasClass("curr")) { var index = $(".dz-btn .curr").index(); $(".dz-btn .curr").removeClass("curr").next("span").addClass("curr"); $(".dz-list").hide().eq(index+1).fadeIn(500); }else{ $(".dz-list").hide(); $(".dz-btn .curr").removeClass("curr"); $(".dz-btn span:first").addClass("curr"); $(".dz-list:first").fadeIn(1000).show(); } times = 0; } } var times2 = 0; var time_2 = setInterval(addtimes2,1000); function addtimes2(){ times2 = times2+1; if(times2==5){ var list = $(".part-2 .a-btn a").eq(-1); if (!list.hasClass("curr")) { $(".title-img-2 .img-list").hide(); var index = $(".part-2 .a-btn .curr").index(); $(".part-2 .a-btn .curr").removeClass("curr") $(".part-2 .a-btn a").eq(index+1).addClass("curr"); $(".title-img-2 .img-list").eq(index+1).fadeIn(500); }else{ $(".title-img-2 .img-list:last").hide(); $(".part-2 .a-btn .curr").removeClass("curr"); $(".part-2 .title-img-2 .img-list:first").fadeIn(500).show(); $(".part-2 .a-btn a:first").addClass("curr"); } times2 = 0; } } var times3 = 0; var time_3 = setInterval(addtimes3,1000); function addtimes3(){ times3 = times3+1; if(times3==5){ var list = $(".part-1 .a-btn a").eq(-1); if (!list.hasClass("curr")) { $(".part-1 .list .list-1").hide(); var index = $(".part-1 .a-btn .curr").index(); $(".part-1 .a-btn .curr").removeClass("curr") $(".part-1 .a-btn a").eq(index+1).addClass("curr"); $(".part-1 .list .list-1").eq(index+1).fadeIn(500); }else{ $(".part-1 .list .list-1:last").hide(); $(".part-1 .a-btn .curr").removeClass("curr"); $(".part-1 .list .list-1:first").fadeIn(500).show(); $(".part-1 .a-btn a:first").addClass("curr"); } times3 = 0; } } //$(".dz-btn span").on("click",function(){ // $(".part-1 .list .list-1").hide(); // var index = $(".part-1 .a-btn .curr").index(); // $(".part-1 .a-btn .curr").removeClass("curr") // $(".part-1 .a-btn a").eq(index+1).addClass("curr"); // $(".part-1 .list .list-1").eq(index+1).fadeIn(100); //}); //$(".part-1 .a-btn a").on("click",function(){ // var index = $(".dz-btn .curr").index(); // $(".dz-btn .curr").removeClass("curr").next("span").addClass("curr"); // $(".dz-list").hide().eq(index+1).fadeIn(100); //}); }); function openWindow(clickElement){ clickElement.on("click",function(){ $(".window-2").fadeIn(200); $(".divMask").fadeIn(200); }); $(".window-2 .div-close").on("click",function(){ $(".window-2").fadeIn(200).hide(); $(".divMask").hide(); }); }