$(function(){ //dafault var $body = $("body"); var $container = $("#container"); $(window).resize(function () { device(); }); function device() { if ($container.outerWidth() > 1007) { $body.removeClass("mobile tablet menu_on").addClass("web"); } else if ($container.outerWidth() > 740) { $body.removeClass("web mobile").addClass("tablet"); } else { $body.removeClass("web tablet").addClass("mobile"); }; }; device(); //scroll $(window).scroll(function () { if ($("#container").offset().top - $(window).scrollTop() < -130) { $(".header").addClass("simple"); $("header").css("height",70); } else { $(".header").removeClass("simple"); $("header").css("height",130); } if ($("#container").offset().top - $(window).scrollTop() < 0) { $body.removeClass("top"); } else { $body.addClass("top"); } /* if ($(window).scrollTop() >= $("#contents").height() - $(window).height()) { $("footer").addClass("quick_fixed"); } else { $("footer").removeClass("quick_fixed"); } $("footer .qiuck dl").removeClass("open"); */ }); $(window).on('mousewheel',function(e){ var wheel = e.originalEvent.wheelDelta; if(wheel>0){ //스크롤 올릴때 $body.removeClass("down").addClass("up"); } else { //스크롤 내릴때 $body.removeClass("up").addClass("down"); } }); //모바일 스트롤 감지 var ts; $('html, body').bind('touchstart', function(e){ e.stopPropagation(); ts = e.originalEvent.touches[0].clientY; }); $('html, body').bind('touchend', function(e){ e.stopPropagation(); var te = e. originalEvent.changedTouches[0].clientY; if(ts > te + 3){ //스크롤 내릴때 $body.removeClass("up").addClass("down"); } else if(ts < te - 3){ //스크롤 올릴때 $body.removeClass("down").addClass("up"); } }); //header $("header .gnb>li").hover(function () { if ($body.hasClass("web")) { $container.addClass("menuon"); $("header").css("height",$("nav").height()); } }); $("header").mouseleave(function () { if ($body.hasClass("web")) { if($(".header").hasClass("simple")) { $("header").css("height",70); } else { $("header").css("height",130); } $container.removeClass("menuon"); } }); //모바일 메뉴 $("header .btn_menu").click(function () { if($container.hasClass("menuon")) { $container.removeClass("menuon"); $("header .gnb>li>a").removeClass("active").next("ul").slideUp(0); } else { $container.addClass("menuon"); $("header .gnb>li>a.on").addClass("active"); if($("header .gnb>li>a.on").hasClass("child")) { $("header .gnb>li>a.on").next("ul").slideToggle(0); } } return false; }); $("header .gnb>li>a.child").click(function(){ if ($body.hasClass("web")) { //web } else { $(this).toggleClass("active").next("ul").slideToggle(200); $("header .gnb>li>a.child").not(this).removeClass("active").next("ul").slideUp(200); return false; } }); /* $("header .gnb>li ul a").click(function(){ if ($body.hasClass("web")) { //web } else{ // $container.removeClass("menuon"); if($(this).parents("ul").hasClass("program")) { $(this).addClass("smon"); $("header .gnb>li ul a").not(this).removeClass("smon"); } } }); */ $("#left_menu button").text($("#left_menu .lmOn a").text()); $("#left_menu button").click(function(){ if($(this).hasClass("open")) { $(this).removeClass("open").next("ul").slideUp(200); $container.removeClass("lnbon"); } else { $(this).addClass("open").next("ul").slideDown(200);; $container.addClass("lnbon"); } return false; }); /* $("#left_menu ul li a").click(function(){ var title = $(this).find("span").text(); $container.removeClass("lnbon"); $("#left_menu button").removeClass("open").text(title).next("ul").slideUp(200); }); */ //quick $(".qiuck .btn_top").click(function () { $('html, body').animate({ scrollTop: 0 }, 'slow'); return false; }); //btns custom $(".btns a").each(function(){ $(this).append("" + $(this).next(".btn_txt").text() + ""); }); $(".pagination img").each(function(){ //var src1 = /cimg/arr_page_pre.gif if($(this).attr("src") == "/cimg/arr_page_pre.gif") { $(this).attr("src", "../img/board/arr_page_pre.jpg"); } if($(this).attr("src") == "/cimg/arr_page_back.gif") { $(this).attr("src", "../img/board/arr_page_back.jpg"); } if($(this).attr("src") == "/cimg/arr_page_go.gif") { $(this).attr("src", "../img/board/arr_page_go.jpg"); } if($(this).attr("src") == "/cimg/arr_page_next.gif") { $(this).attr("src", "../img/board/arr_page_next.jpg"); } }) });