$(document).ready(function () { /***** PC绔 *****/ var width = document.documentElement.clientWidth; var scrollHeight = $(".header_wrapper").height(); var scrollTop = 0; scrollToTop(); //鍒锋柊閲嶇疆婊氬姩璺濈 var client = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); // 瀵艰埅鏍 $(".header_nav").hover( function () { $(".search_btn").addClass("hover"); }, function () { $(".search_btn").removeClass("hover"); } ); $(".nav_item").hover( function () { $(".header_wrapper").addClass("active"); if (!$(this).hasClass("active")) { $(".nav_item.active").addClass("init"); } $(this).children(".header_nav2").addClass("hover"); }, function () { $(".header_wrapper").removeClass("active"); if (!$(this).hasClass("active")) { $(".nav_item.active").removeClass("init"); } $(this).children(".header_nav2").removeClass("hover"); } ); if (width < 750) { $(".service_lc").addClass("ani-right"); } // console.log("width",width); $(window).scroll(function () { if (client) { width = document.documentElement.clientWidth; } scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; if (width > 1024) { // console.log( parseInt(scrollTop)); // var scorllTop = $(this).scrollTop(); if (parseInt(scrollTop) > 200 && parseInt(scrollTop) < 700) { if(parseInt(scrollTop) >280){ $(".ani-con05-md01").addClass("ani-left"); } if(parseInt(scrollTop) >320){ $(".ani-con05-md02").addClass("ani-right"); } if(parseInt(scrollTop) >350){ $(".ani-con05-md03").addClass("ani-right"); } } if(parseInt(scrollTop) > 580 && parseInt(scrollTop) < 1500){ if(parseInt(scrollTop) > 580 ){ $(".ani-con05-img06").addClass("ani-left"); } if(parseInt(scrollTop) > 720){ $(".ani-con05-img09").addClass("ani-right"); $(".ani-con05-txt13,.ani-con05-txt14,.ani-con05-txt15").addClass("ani-right"); } if(parseInt(scrollTop) > 1080){ $(".ani-con05-txt16,.ani-con05-txt17,.ani-con05-txt18,.ani-con05-txt19").addClass("ani-left"); } } if (parseInt(scrollTop) > 80 && parseInt(scrollTop) < 420) { $(".service_lc").addClass("ani-right"); $(".ani-text-ft").addClass("ani-flipInX"); $(".service-line").addClass("width15"); // $(".ani-con03-md01,.ani-con03-md02,.ani-con03-md03").addClass("ani-left"); } else if (parseInt(scrollTop) > 420 && parseInt(scrollTop) < 600) { $(".ani-con02-md01").addClass("ani-left"); $(".ani-con02-md02").addClass("ani-right"); $(".ani-con05-img05").addClass("ani-right"); } else if (parseInt(scrollTop) > 600 && parseInt(scrollTop) < 800) { $(".ani-con03-md01,.ani-con03-md02,.ani-con03-md03").addClass("ani-top"); $(".ani-con02-md03").addClass("ani-left"); if(parseInt(scrollTop) > 620){ $(".ani-con05-img07").addClass("ani-left"); if(parseInt(scrollTop) > 680){ $(".ani-con05-img08").addClass("ani-right"); $(".ani-con05-txt12").addClass("ani-right"); } } } else if (parseInt(scrollTop) > 800 && parseInt(scrollTop) < 1150) { $(".ani-con02-Bgimg01").addClass("ani-opt"); $(".ani-con01-md01,.ani-con02-md03").addClass("ani-left"); $(".ani-con01-md02").addClass("ani-right"); $(".ani-con03-img01,.ani-con03-img02").addClass("ani-flipInY"); } else if (parseInt(scrollTop) > 1150 && parseInt(scrollTop) < 1400) { $(".ani-con03-Bgimg01").addClass("ani-opt"); $(".ani-con01-md03,.ani-con01-md05").addClass("ani-left"); $(".ani-con01-md04").addClass("ani-right"); $(".ani-con02-img01").addClass("ani-left"); } else if (parseInt(scrollTop) > 1400 && parseInt(scrollTop) < 1600) { $(".ani-con01-Bgimg01,.ani-con03-Bgimg01").addClass("ani-opt"); $(".ani-con01-Bgtxt01").addClass("ani-right"); $(".ani-con03-Bgtxt01,.ani-con02-img01,.ani-con02-txt01,.ani-con02-txt02,.ani-con02-txt03,.ani-con02-txt04,.ani-con02-txt05").addClass("ani-left"); } else if (parseInt(scrollTop) > 1600 && parseInt(scrollTop) < 1800) { $(".ani-con03-Bgimg01").addClass("ani-opt"); $(".ani-con01-Bgtxt01,.ani-con01-img01").addClass("ani-right"); $(".ani-con01-txt01").addClass("ani-left"); } else if (parseInt(scrollTop) > 1800 && parseInt(scrollTop) < 2300) { $(".ani-con03-Bgimg01").addClass("ani-opt"); $(".ani-con01-Bgtxt01,.ani-con02-img02,.ani-con03-txt02").addClass("ani-right"); $(".ani-con03-txt01,.ani-con02-txt06,.ani-con02-txt07,.ani-con02-txt08,.ani-con02-txt09,.ani-con02-txt10,.ani-con02-txt11").addClass("ani-left"); } else if (parseInt(scrollTop) > 2300 && parseInt(scrollTop) < 3300) { $(".ani-con02-img05").addClass("ani-flipInX"); $(".ani-con03-Bgimg02").addClass("ani-opt"); $(".ani-con01-Bgtxt01,.ani-con03-Bgtxt02").addClass("ani-right"); $(".ani-con03-txt01,.ani-con02-img03,.ani-con02-img04").addClass("ani-left"); $(".ani-con01-txt02,.ani-con01-txt03,.ani-con01-txt04").addClass("ani-bottom"); if (parseInt(scrollTop) > 2800) { $(".ani-con03-txt04").addClass("ani-right"); $(".ani-con02-img06,.ani-con02-img07,.ani-con02-img08,.ani-con02-img09").addClass("ani-top"); $(".ani-con02-txt12,.ani-con02-txt13,.ani-con02-txt14,.ani-con02-txt15,.ani-con02-txt16,.ani-con02-txt17,.ani-con02-txt18,.ani-con03-txt03").addClass("ani-left"); } if (parseInt(scrollTop) > 2600) { $(".ani-con02-txt19").addClass("ani-left"); } if (parseInt(scrollTop) > 2750) { $(".ani-con02-txt20,.ani-con02-txt21,.ani-con02-txt22").addClass("ani-left"); } if (parseInt(scrollTop) > 3100) { $(".ani-con03-Bgimg03").addClass("ani-opt"); $(".ani-con03-Bgtxt03").addClass("ani-right"); } if (parseInt(scrollTop) > 3000) { $(".ani-con02-img10").addClass("ani-opt"); } } else if (parseInt(scrollTop) > 3300 && parseInt(scrollTop) < 3600) { $(".ani-con01-img02").addClass("ani-right"); $(".ani-con01-txt05,.ani-con01-txt06,.ani-con02-txt24").addClass("ani-left"); $(".ani-con02-img11,.ani-con02-txt23").addClass("ani-right"); } else if (parseInt(scrollTop) > 3600 && parseInt(scrollTop) < 4100) { $(".ani-con01-img03,.ani-con03-txt05,.ani-con03-txt06,.ani-con03-txt07,.ani-con03-txt08,.ani-con03-txt09,.ani-con03-txt10,.ani-con03-txt11,.ani-con03-txt12").addClass("ani-left"); $(".ani-con01-txt07").addClass("ani-right"); } else if (parseInt(scrollTop) > 4100 && parseInt(scrollTop) < 4500) { $(".ani-crt").addClass("ani-scale"); $(".ani-con01-txt08,.ani-con01-txt09,.ani-con01-txt10,.ani-con01-txt11").addClass("ani-left"); if (parseInt(scrollTop) > 4300) { $(".ani-con03-txt13,.ani-con03-txt15,.ani-con03-txt17").addClass("ani-left"); $(".ani-con03-txt14,.ani-con03-txt16,.ani-con03-txt18").addClass("ani-right"); } } else if (parseInt(scrollTop) > 4500) { $(".ani-con03-img03,.ani-con03-img04,.ani-con03-img05").addClass("ani-flipInY"); // $(".ani-common").children.addClass("opacity_1"); } if (parseInt(scrollTop) > scrollHeight) { $(".header_wrapper").addClass("scroll"); $(".search_btn").addClass("active"); } else { $(".header_wrapper").removeClass("scroll"); $(".search_btn").removeClass("active"); } } else { // console.log( parseInt(scrollTop)); if (parseInt(scrollTop)>10 && parseInt(scrollTop)<200){ if (parseInt(scrollTop)>10){ $(".ani-con05-md01").addClass("ani-left"); } if (parseInt(scrollTop)>40){ $(".ani-con05-md02").addClass("ani-left"); } if (parseInt(scrollTop)>78){ $(".ani-con05-md03").addClass("ani-left"); } } if (parseInt(scrollTop) > 80 && parseInt(scrollTop) < 120) { $(".ani-text-ft").addClass("ani-flipInX"); $(".service-line").addClass("width100"); } else if (parseInt(scrollTop) > 120 && parseInt(scrollTop) < 400) { $(".ani-con02-md01").addClass("ani-left"); if (parseInt(scrollTop) > 350) { $(".ani-con02-md02").addClass("ani-right"); } if (parseInt(scrollTop) > 250){ $(".ani-con05-img05").addClass("ani-left"); } } else if (parseInt(scrollTop) > 400 && parseInt(scrollTop) < 600) { if (parseInt(scrollTop) > 500) { $(".ani-con02-md03").addClass("ani-left"); $(".ani-con03-md02,.ani-con03-md03").addClass("ani-left"); } $(".ani-con03-md01").addClass("ani-left"); $(".ani-con01-md01").addClass("ani-left"); if (parseInt(scrollTop) > 450){ $(".ani-con05-img06").addClass("ani-left"); } if (parseInt(scrollTop) > 470){ $(".ani-con05-txt12").addClass("ani-left"); } } else if (parseInt(scrollTop) > 600 && parseInt(scrollTop) < 800) { if (parseInt(scrollTop) > 580){ $(".ani-con05-txt13").addClass("ani-left"); } $(".ani-con02-Bgimg01").addClass("ani-opt"); if (parseInt(scrollTop) > 740){ $(".ani-con05-txt14").addClass("ani-left"); } } else if (parseInt(scrollTop) > 800 && parseInt(scrollTop) < 1150) { if (parseInt(scrollTop) > 1000) { $(".ani-con02-txt01").addClass("ani-left"); $(".ani-con03-Bgimg01").addClass("ani-right"); } if (parseInt(scrollTop) > 880){ $(".ani-con05-txt15").addClass("ani-left"); } $(".ani-con02-img01").addClass("ani-left"); $(".ani-con01-md02").addClass("ani-right"); $(".ani-con03-img01,.ani-con03-img02").addClass("ani-flipInY"); } else if (parseInt(scrollTop) > 1150 && parseInt(scrollTop) < 1400) { $(".ani-con03-Bgtxt01").addClass("ani-left"); if (parseInt(scrollTop) > 1250) { $(".ani-con02-txt03").addClass("ani-left"); } $(".ani-con01-md03").addClass("ani-left"); $(".ani-con01-md04,.ani-con02-txt02").addClass("ani-right"); } else if (parseInt(scrollTop) > 1400 && parseInt(scrollTop) < 1600) { $(".ani-con01-md05,.ani-con03-txt02").addClass("ani-left"); $(".ani-con02-txt04,.ani-con03-txt01").addClass("ani-right"); } else if (parseInt(scrollTop) > 1600 && parseInt(scrollTop) < 1800) { $(".ani-con02-txt05").addClass("ani-left"); if (parseInt(scrollTop) > 1700) { $(".ani-con03-Bgimg02").addClass("ani-right"); } } else if (parseInt(scrollTop) > 1800 && parseInt(scrollTop) < 2300) { $(".ani-con01-Bgtxt02").addClass("ani-left"); if (parseInt(scrollTop) > 1900) { $(".ani-con03-txt03").addClass("ani-right"); } if (parseInt(scrollTop) > 2000) { $(".ani-con02-txt06").addClass("ani-left"); } if (parseInt(scrollTop) > 2100) { $(".ani-con02-txt07").addClass("ani-right"); $(".ani-con02-txt08,.ani-con03-txt04").addClass("ani-left"); } $(".ani-con01-Bgimg01").addClass("ani-opt"); $(".ani-con01-Bgtxt01,.ani-con02-img02,.ani-con03-Bgtxt02").addClass("ani-right"); } else if (parseInt(scrollTop) > 2300 && parseInt(scrollTop) < 3300) { $(".ani-con03-Bgimg03").addClass("ani-opt"); // if (parseInt(scrollTop) > 3000) { // $(".ani-con02-txt19").addClass("ani-right"); // } if (parseInt(scrollTop) > 2500) { $(".ani-con02-txt09").addClass("ani-right"); $(".ani-con02-txt10,.ani-con03-Bgtxt03").addClass("ani-left"); } if (parseInt(scrollTop) > 2600) { $(".ani-con01-txt01").addClass("ani-left"); $(".ani-con01-img01,.ani-con02-txt11,.ani-con03-txt05").addClass("ani-right"); } if (parseInt(scrollTop) > 2800) { $(".ani-con03-txt06,.ani-con03-txt08").addClass("ani-left"); $(".ani-con03-txt07").addClass("ani-right"); } if (parseInt(scrollTop) > 3000) { $(".ani-con02-img03,.ani-con02-img04").addClass("ani-left"); $(".ani-con02-img05,.ani-con03-txt09").addClass("ani-right"); $(".ani-con02-txt19").addClass("ani-right"); } if (parseInt(scrollTop) > 3100) { $(".ani-con03-txt10").addClass("ani-left"); $(".ani-con02-txt20").addClass("ani-left"); } } else if (parseInt(scrollTop) > 3300) { $(".ani-con03-txt11").addClass("ani-left"); $(".ani-con02-img06,.ani-con02-img07,.ani-con02-img08,.ani-con02-img09").addClass("ani-top"); $(".ani-con01-txt02").addClass("ani-left"); $(".ani-con02-txt21").addClass("ani-right"); if (parseInt(scrollTop) > 3400) { $(".ani-con02-txt22").addClass("ani-left"); $(".ani-con02-txt12,.ani-con03-txt12").addClass("ani-left"); } if (parseInt(scrollTop) > 3500) { $(".ani-con02-txt13").addClass("ani-right"); $(".ani-con02-txt14").addClass("ani-left"); $(".ani-con02-img10").addClass("ani-right"); } if (parseInt(scrollTop) > 3700) { $(".ani-con01-txt03").addClass("ani-left"); $(".ani-con02-txt15").addClass("ani-right"); $(".ani-con02-txt23").addClass("ani-left"); } if (parseInt(scrollTop) > 3900) { $(".ani-con02-txt24").addClass("ani-left"); } if (parseInt(scrollTop) > 4000) { $(".ani-con02-txt17").addClass("ani-right"); $(".ani-con02-txt16").addClass("ani-left"); $(".ani-crt").addClass("ani-scale"); $(".ani-con02-img11").addClass("ani-right"); } if (parseInt(scrollTop) > 4200) { $(".ani-con02-txt18").addClass("ani-left"); $(".ani-con03-txt13,.ani-con03-txt15,.ani-con03-txt17").addClass("ani-left"); } if (parseInt(scrollTop) > 4300) { $(".ani-con01-txt04").addClass("ani-right"); $(".ani-con03-txt14,.ani-con03-txt16,.ani-con03-txt18").addClass("ani-right"); } if (parseInt(scrollTop) > 4600) { $(".ani-con03-img03,.ani-con03-img04,.ani-con03-img05").addClass("ani-flipInY"); } if (parseInt(scrollTop) > 4800) { } if (parseInt(scrollTop) > 5000) { $(".ani-con01-txt05,.ani-con01-txt06").addClass("ani-left"); } // if (parseInt(scrollTop) > 5200) { // $(".ani-con02-txt23").addClass("ani-left"); // } if (parseInt(scrollTop) > 5300) { $(".ani-con01-img02").addClass("ani-right"); } if (parseInt(scrollTop) > 5600) { $(".ani-con01-img03").addClass("ani-left"); } if (parseInt(scrollTop) > 5900) { $(".ani-con01-txt07").addClass("ani-right"); } if (parseInt(scrollTop) > 6500) { $(".ani-con01-txt08").addClass("ani-left"); } if (parseInt(scrollTop) > 6800) { $(".ani-con01-txt09").addClass("ani-right"); } if (parseInt(scrollTop) > 7300) { $(".ani-con01-txt10").addClass("ani-left"); } if (parseInt(scrollTop) > 7700) { $(".ani-con01-txt11").addClass("ani-right"); } } } // console.log("window.pageYOffset",window.pageYOffset); if (window.pageYOffset > 350) { $('.upTop').show() clearTimeout() setTimeout(() => { $('.upTop').css('right', '20px') }, 100); } else { $('.upTop').css('right', '-60px') $('.upTop').hide() } }); $('.upTop').click(function () { scrollToTop(); }) function scrollToTop() { $('html,body').animate({ scrollTop: 0 }, 600); } $(window).resize(function () { if ($(this).width() > 1024) { $('.mobile_btn').removeClass('active') $('.mobile_nav').hide(); $('.mobile_search').hide(); } }) // 鎼滅储 $(".header_search").hover( function () { $(".search_box").addClass("hover"); $(".search_btn").addClass("hover"); }, function () { $(".search_box").removeClass("hover"); $(".search_btn").removeClass("hover"); } ); $(".search_input").keypress(function (even) { if (even.which == 13) { var keyword = $(this).val().trim(); if (keyword == "") { showToast("璇疯緭鍏ヨ鎼滅储鐨勫唴瀹?); } else { search(keyword); } } }); $(".search").click(function () { var keyword = $(".search_input").val().trim(); if (keyword == "") { showToast("璇疯緭鍏ヨ鎼滅储鐨勫唴瀹?); } else { search(keyword); } }); /***** 绉诲姩绔 *****/ $(".mb_search").click(function () { $(".mb_nav").removeClass("active") $(".mobile_nav").hide() $(this).toggleClass("active"); $(".mobile_search").toggle(); }); $(".mb_nav").click(function () { $(".mb_search").removeClass("active") $(".mobile_search").hide() $(this).toggleClass("active"); $(".mobile_nav").toggle(); }); $(".mobile_nav_item").click(function () { var next = $(this).next(); if ($(this).hasClass('active')) { $(this).removeClass("active"); if (next.length > 0) { next.removeClass("active"); } } else { if (next.length > 0) { $(".mobile_nav_item.active").removeClass("active"); $(".mobile_nav_list2.active").removeClass("active"); $(this).addClass("active"); next.addClass("active"); } else { window.location.href = $(this).data("url"); } } }); // 鎼滅储 $(".mobile_search_input").keypress(function (even) { if (even.which == 13) { var keyword = $(this).val().trim(); if (keyword == "") { showToast("璇疯緭鍏ヨ鎼滅储鐨勫唴瀹?); } else { search(keyword); } } }); $(".mobile_search_start").click(function () { var keyword = $(".mobile_search_input").val().trim(); if (keyword == "") { showToast("璇疯緭鍏ヨ鎼滅储鐨勫唴瀹?); } else { search(keyword); } }); function search(keyword) { // window.location.href = '/search/keyword/' + keyword + '.html' window.open("/search/keyword/" + keyword + ".html", "_blank"); } }); function showToast(text) { var showToastDiv = '
'; var showToastWrapper = $('#showToastWrapper'); var isExt = showToastWrapper.length; if (isExt) { // 绗簩娆 灏变笉闇€瑕佸垱寤哄厓绱犱簡鍑忓皯dom鎿嶄綔 showToastWrapper.stop().fadeIn(300).html(text).delay(1500).fadeOut(500); } else { // 绗竴娆″垱寤哄厓绱 骞朵笖璁剧疆鍏冪礌鎶婃樉绀虹姸鎬佺殑鍋滄鎺夈€佹笎闅愭樉绀恒€佹樉绀烘枃鏈唴瀹广€佽缃嚜瀹氫箟鏍峰紡銆?.5s鍚庢笎闅愭秷澶 $(document.body).append(showToastDiv); $("#showToastWrapper").stop().fadeIn(300).html(text).delay(1500).fadeOut(500); } }