//pc nav //var topMain = $(".header").height() + 20; //var heade = $(".header"); //if($(window).scrollTop() > topMain) { // heade.addClass("header1"); //} //$(window).scroll(function() { // if($(window).scrollTop() > topMain) { // heade.addClass("header1"); // } else { // heade.removeClass("header1"); // } //}); $('.gobot').click(function() { $("html,body").animate({ "scrollTop": $("#gobot1").offset().top }, 800); }); //banner var swiper1 = new Swiper('.swiper-container1', { slidesPerView: 'auto', loop: false, speed: 800, autoplay: { delay: 3800, disableOnInteraction: false, }, spaceBetween: 0, pagination: { el: '.swiper-pagination1', type: 'fraction', formatFractionCurrent: function(number) { switch(number) { case 1: myNum = '01' break; case 2: myNum = '02' break; case 3: myNum = '03' break; case 4: myNum = '04' break; case 5: myNum = '05' break; case 6: myNum = '06' break; case 7: myNum = '07' break; case 8: myNum = '08' break; case 9: myNum = '09' break; default: myNum = number } return myNum; }, formatFractionTotal: function(number1) { switch(number1) { case 1: myNum1 = '01' break; case 2: myNum1 = '02' break; case 3: myNum1 = '03' break; case 4: myNum1 = '04' break; case 5: myNum1 = '05' break; case 6: myNum1 = '06' break; case 7: myNum1 = '07' break; case 8: myNum1 = '08' break; case 9: myNum1 = '09' break; default: myNum1 = number1 } return myNum1; }, }, navigation: { nextEl: '.swiper-button-next1', prevEl: '.swiper-button-prev1', }, }); //ind news swiper var swiper01 = new Swiper('.swiper-container01', { spaceBetween: 0, autoHeight: true, speed: 500, on: { slideChangeTransitionStart: function() { $(".ind_new_b_ul .on").removeClass('on'); $(".ind_new_b_ul li").eq(this.activeIndex).addClass('on'); } } }); $(".ind_new_b_ul li").eq(0).addClass('on'); $(".ind_new_b_ul li").on('mouseover', function(e) { e.preventDefault() $(".ind_new_b_ul .on").removeClass('on') $(this).addClass('on') swiper01.slideTo($(this).index()) }) if($(window).width() < 980) { $(".ind_new_b_ul .on").removeClass('on') } var swiper02 = new Swiper('.swiper-container02', { slidesPerView: 4, loop:false, spaceBetween:28, autoHeight: true, speed: 500, autoplay: { delay: 2800, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination02', clickable: true, }, breakpoints: { 1440: { spaceBetween:20, }, 1200: { slidesPerView: 4, spaceBetween:15, }, 980: { slidesPerView: 3, spaceBetween:10, }, 480: { slidesPerView: 2, spaceBetween:10, } } }); $('.swiper-container02 .swiper-slide').mouseenter(function() { swiper02.autoplay.stop(); }) $('.swiper-container02 .swiper-slide').mouseleave(function() { swiper02.autoplay.start(); }) var swiper03 = new Swiper('.swiper-container03', { slidesPerView: 3.4, loop:false, spaceBetween:36, autoHeight: true, speed: 500, autoplay: { delay: 2800, disableOnInteraction: false, }, navigation: { nextEl: '.swiper-button-next03', prevEl: '.swiper-button-prev03', }, breakpoints: { 1440: { spaceBetween:20, }, 1200: { slidesPerView:3, spaceBetween:15, }, 980: { slidesPerView: 2.5, spaceBetween:10, }, 480: { slidesPerView: 1.5, spaceBetween:10, } } }); $('.swiper-container03 .swiper-slide').mouseenter(function() { swiper03.autoplay.stop(); }) $('.swiper-container03 .swiper-slide').mouseleave(function() { swiper03.autoplay.start(); }) var swiper04 = new Swiper('.swiper-container04', { slidesPerView: 4, loop:false, spaceBetween:20, autoHeight: true, speed: 500, autoplay: false, pagination: { el: '.swiper-pagination04', clickable: true, }, navigation: { nextEl: '.swiper-button-next04', prevEl: '.swiper-button-prev04', }, breakpoints: { 1200: { slidesPerView: 3, }, 980: { slidesPerView: 2, }, 480: { slidesPerView: 1, } } }); $('.swiper-container04 .swiper-slide').mouseenter(function() { swiper04.autoplay.stop(); }) $('.swiper-container04 .swiper-slide').mouseleave(function() { swiper04.autoplay.start(); }) var swiper05 = new Swiper('.swiper-container05', { slidesPerView: 4, loop:false, spaceBetween:18, autoHeight: true, speed: 500, autoplay: { delay: 2000, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination05', clickable: true, }, navigation: { nextEl: '.swiper-button-next05', prevEl: '.swiper-button-prev05', }, breakpoints: { 1200: { slidesPerView: 3, }, 980: { slidesPerView: 2, }, 480: { slidesPerView: 1, } } }); $('.swiper-container05 .swiper-slide').mouseenter(function() { swiper05.autoplay.stop(); }) $('.swiper-container05 .swiper-slide').mouseleave(function() { swiper05.autoplay.start(); })