/* Published by I-saac, KIm E-mail : saackr@neocoms.com ⓒ NEOCOMS (http://neocoms.com/) */ //MOBILE MENUES function mobile_menu(){ var mMenu = $("div#mmenu"); var mItem = $("nav.gnb"); var cItem = $("nav.gnb .gnb-outer"); var mMenu_open = false; function mmenu_over(){ mItem.show(); //return; } function mmenu_out(){ mItem.hide(); //return; } function mmenu_opener(){ if(mMenu_open == false){ mmenu_over(); mMenu_open = true; return; }else{ mmenu_out(); mMenu_open = false; return; } } mMenu.click(function(){ mmenu_opener(); }) cItem.mousedown(function(){ mmenu_opener(); }) } //PC MENUS function pc_menu(){ //GLOBAL var gMenu = $("nav.mnb ul li a"); //Gnb Menu Area var gItem = $("nav.gnb"); //Menu Item var gOver = false; function slide_over(speed){ gItem.slideDown(speed); } function slide_out(speed){ gItem.slideUp(speed); } gMenu.mouseover(function(){ if(gOver == false){ slide_over(200); gOver = true; return; } }) gItem.mouseover(function(){ if(gOver == true){ gItem.mouseleave(function(){ slide_out(200); gOver = false; return; }) }else{ slide_over(0); } //slide_out(200); //gOver = false; }) } function mobile_sub(){ /* 서브메뉴 링크 제거 */ var gnb_1st = $("nav.gnb .gnb-wrap > ul > li"); var gnb_2st = gnb_1st.find("> ul > li"); var gnb_3st = gnb_1st.find("> ul > li > ul > li"); var gnb_1st_over = false; var gnb_2st_over = false; gnb_1st.find(">span>a").click(function(event){ //1차 메뉴에 하위 메뉴가 있는지 체킹 if($(this).closest("li").find(">ul").is("ul")==true){ if(gnb_1st_over == false){ //현재 메뉴인지의 여부 확인을 위한 active $(this).addClass("gnb_1st_active"); gnb_1st_over = true; }else{ if($(this).hasClass('gnb_1st_active')==true){ gnb_1st_over = false; gnb_1st.find(">ul").hide(); gnb_1st.find(">span>a").css("background","#eee"); gnb_1st.find(">span>a").css("color","#333"); return false; }else{ //Active 제거해주기 gnb_1st.find(">span>a.gnb_1st_active").removeClass('gnb_1st_active'); $(this).addClass("gnb_1st_active"); } } //선택되지 않음 모든메뉴 초기화 gnb_1st.find(">ul").hide(); gnb_1st.find(">span>a").css("background","#e8e8e8"); gnb_1st.find(">span>a").css("color","#333"); //선택 메뉴 스타일 변경 $(this).css("background","#333"); $(this).css("color","#fff"); $(this).closest("li").find(">ul").show(); return false; }else{ return true; } }); gnb_2st.find(">a").click(function(event){ if($(window).width() < 768){ if($(this).closest("li").find(">ul").is("ul")){ if(gnb_2st_over == false){ $(this).addClass("gnb_2st_active"); gnb_2st_active = true; }else{ if($(this).hasClass('gnb_2st_active')==true){ gnb_2st_over = true; gnb_2st.find(">ul").hide(); gnb_2st.find(">a").css("background","#f8f8f8"); gnb_2st.find(">a").css("color","#666"); return false; }else{ //Active 제거해주기 gnb_2st.find(">a.gnb_1st_active").removeClass('gnb_1st_active'); $(this).addClass("gnb_1st_active"); } } //선택되지 않음 모든메뉴 초기화 gnb_2st.find(">ul").hide(); gnb_2st.find(">a").css("background","#f8f8f8"); gnb_2st.find(">a").css("color","#666"); //선택 메뉴 스타일 변경 $(this).css("background","#666"); $(this).css("color","#fff"); $(this).closest("li").find(">ul").show(); return false; }else{ //document.location.href=$(this).find(""); //return true; } } }) } //MOBILE CHECKING function chk_mobile(win_size){ if(win_size < 813){ //MOBILE MENU START mobile_menu(); mobile_sub(); //alert("mobile"); //MOBILE MENU OUTER HEIGHT $("nav.gnb .gnb-outer").css("height",$('.nav.gnb .gnb-wrap').height()+"px"); $("nav.gnb .gnb-outer").css("display",'block'); return; }else{ //PC MENU START pc_menu(); //alert("pc"); //MOBILE MENU OUTER HEIGHT $("nav.gnb .gnb-outer").css("display",'none'); return; } } //chk_mobile(w_size); //PAGE LOAD jQuery(function($){ /* LOAD RESIZING */ var w_size = $(window).width(); //alert("mobile"); chk_mobile(w_size); $(".lnb-wrap").css("height",$('.content-area').height()+"px"); //lnb 와 컨텐츠 사이즈가 다를 경우 /* CHECKING MOBILE */ //chk_mobile(w_size); /* Window_Resize */ $(window).resize(function(){ w_size = $(window).width(); //*************************** //메뉴 초기화 //*************************** if(w_size < 813){//모바일 var gnb_1st = $("nav.gnb .gnb-wrap > ul > li"); gnb_1st.find("> ul").css("display","none"); gnb_1st.find(">span>a").removeAttr("style"); }else{//PC var gnb_1st = $("nav.gnb .gnb-wrap > ul > li"); gnb_1st.find("> ul").css("display","block"); gnb_1st.find("> ul>li>a").removeAttr("style"); gnb_1st.find("> ul>li>ul").css("display","none"); $(".gnb").hide(); } chk_mobile(w_size); }) /* QUICK MENU */ $('.quick').click(function(){ $('html, body').animate({ scrollTop: 0}, 600); }) /* Intro Middle Banner */ var middle_now = 0; var middle_loop_time = 6000; function middle_fade_action(){ if(middle_now==0){ middle_now=1; $(".intro-widget-middle .widget-middle-first").delay(200).fadeIn(200); } if(middle_now==1){ $(".intro-widget-middle .widget-middle-third").fadeOut(200); $(".intro-widget-middle .widget-middle-first").delay(500).fadeIn(200); middle_now=2; return; } if(middle_now==2){ middle_now=3; $(".intro-widget-middle .widget-middle-first").fadeOut(200); $(".intro-widget-middle .widget-middle-second").delay(500).fadeIn(200); return; } if(middle_now==3){ middle_now=1; $(".intro-widget-middle .widget-middle-second").fadeOut(200); $(".intro-widget-middle .widget-middle-third").delay(500).fadeIn(200); return } } middle_fade_action(); setInterval(middle_fade_action, middle_loop_time); /* Client Rolling Banner */ var bannerLeft=0; var first=1; var last; var imgCnt=0; var $img = $(".swiper-container2 img"); var $first; var $last; $img.each(function(){ // 5px 간격으로 배너 처음 위치 시킴 $(this).css("left",bannerLeft); bannerLeft += $(this).width()+10; $(this).attr("id", "banner"+(++imgCnt)); // img에 id 속성 추가 }); if( imgCnt > 9){ //배너 9개 이상이면 이동시킴 last = imgCnt; setInterval(function() { $img.each(function(){ $(this).css("left", $(this).position().left-1); // 1px씩 왼쪽으로 이동 }); $first = $("#banner"+first); $last = $("#banner"+last); if($first.position().left < -200) { // 제일 앞에 배너 제일 뒤로 옮김 $first.css("left", $last.position().left + $last.width()+5 ); first++; last++; if(last > imgCnt) { last=1; } if(first > imgCnt) { first=1; } } }, 20); //여기 값을 조정하면 속도를 조정할 수 있다.(위에 1px 이동하는 부분도 조정하면 깔끔하게 변경가능하다 } })