$(document).ready(function(){ var swiper = new Swiper(".main_bbox", { spaceBetween: 30, centeredSlides: true, loop: true, effect: 'fade', autoplay: { delay: 3000, disableOnInteraction: false, }, scrollbar: { el: '.main_bbox .swiper-scrollbar', }, navigation: { nextEl: ".main_bbox .swiper-button-next", prevEl: ".main_bbox .swiper-button-prev", }, }); $('.top_menubar').click(function(){ $('#menu_pop').addClass('open_pop'); }); $('#menu_pop .right i').click(function(){ $('#menu_pop').removeClass('open_pop'); }); $('.top_menubar').click(function(){ $('#menu_pop').addClass('slide_pop'); }); $('#menu_pop .left').click(function(){ $('#menu_pop').removeClass('open_pop'); }); $('#menu_pop .left').click(function(){ $('#menu_pop').removeClass('slide_pop'); }); $('#menu_pop .right i').click(function(){ $('#menu_pop').removeClass('slide_pop'); }); $(window).scroll(function(){ var scroll_h = $(window).scrollTop(); if(scroll_h > 0){ $('#topmenu').addClass('scroll_htop'); }else{ $('#topmenu').removeClass('scroll_htop'); } }); /* $(window).scroll(function(){ $('#con1').removeClass('hide'); var con1_h = $(window).scrollTop(); var con1_start = $('#con1').innerHeight()-400; if(con1_h >= con1_start){ $('#con1 .con1-left').removeClass('animate__animated animate__fadeOutLeft animate__slow-2s'); $('#con1 .con1-right .left_imgbox').removeClass('animate__animated animate__fadeOutDown animate__slow-2s'); $('#con1 .con1-right .right_imgbox').removeClass('animate__animated animate__fadeOutUp animate__slow-2s'); $('#con1 .con1-left').addClass('animate__animated animate__fadeInLeft animate__slow-2s'); $('#con1 .con1-right .left_imgbox').addClass('animate__animated animate__fadeInUp animate__slow-2s'); $('#con1 .con1-right .right_imgbox').addClass('animate__animated animate__fadeInDown animate__slow-2s'); }else{ $('#con1 .con1-left').removeClass('animate__animated animate__fadeInLeft animate__slow-2s'); $('#con1 .con1-right .left_imgbox').removeClass('animate__animated animate__fadeInUp animate__slow-2s'); $('#con1 .con1-right .right_imgbox').removeClass('animate__animated animate__fadeInDown animate__slow-2s'); $('#con1 .con1-left').addClass('animate__animated animate__fadeOutLeft animate__slow-2s'); $('#con1 .con1-right .left_imgbox').addClass('animate__animated animate__fadeOutDown animate__slow-2s'); $('#con1 .con1-right .right_imgbox').addClass('animate__animated animate__fadeOutUp animate__slow-2s'); } }); */ /* ----------------------*/ $(window).scroll(function(){ $('#con1').removeClass('hide'); var con1_h = $(window).scrollTop(); var con1_start = $('#con1').innerHeight()-400; if(con1_h >= con1_start){ $('#con1 .con1-right .left_imgbox').addClass('act') $('#con1 .con1-right .right_imgbox').addClass('act') }else{ $('#con1 .con1-right .left_imgbox').removeClass('act') $('#con1 .con1-right .right_imgbox').removeClass('act') } }) /* ------------------------*/ var unit_number = 150; $({ val : 0 }).animate({ val : unit_number }, { duration: 1500, step: function() { var num = numberWithCommas(Math.floor(this.val)); $(".count_num1").text(num); }, complete: function() { var num = numberWithCommas(Math.floor(this.val)); $(".count_num1").text(num); } }); var company_money = 1584; $({ val : 0 }).animate({ val : company_money }, { duration: 1500, step: function() { var num = numberWithCommas(Math.floor(this.val)); $(".count_num3").text(num); }, complete: function() { var num = numberWithCommas(Math.floor(this.val)); $(".count_num3").text(num); } }); var company_count = 1997; $({ val : 0 }).animate({ val : company_count }, { duration: 1500, step: function() { var num = numberWithCommas(Math.floor(this.val)); $(".count_num2").text(num); }, complete: function() { var num = numberWithCommas(Math.floor(this.val)); $(".count_num2").text(num); } }); function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ""); } // nbspÃß°¡ÇØÁà¾ßÇÔ.. $('.table_03').each(function(){ $(this).html($(this).html().replace(/ /gi,' ')); }); $('#topmenu .main_menu .top_menubar').click(function(){ $('#menu_pop .right .depth03 > li').each(function(){ var no_a = $(window).width(); if( no_a <= 850 ){ $(this).addClass('no_move'); }else{ $(this).removeClass('no_move'); } }); }); });