$(function(){ /*»ó´Ü¸Þ´º¹öÆ°*/ $(function() { $("#callNav").click(function() { var temp_w = $(window).width()*1; $(".mobile_menu").animate({width:temp_w+"px"},500,"easeOutQuart"); $("#callNav .menu .open").css('display','none'); $("#callNav .menu .close").css('display','inline-block'); $("#callNav .menu .open").css('transition','all 0.3s ease'); if(!$(this).hasClass('active')) { $(this).addClass('active'); } else { $(this).removeClass('active'); $(".mobile_menu").animate({width:"1px"},500,"easeOutQuart"); $("#callNav .menu .open").css('display','inline-block'); $("#callNav .menu .close").css('display','none'); } }); }); /*»ó´Ü¸Þ´º¹öÆ°*/ // À©µµ¿ì À̺¥Æ® $(window).load(function() { var elem = $(".scrollreveal"); var sty = { 'opacity':'0', 'transition':'none' } elem.css(sty); $("html, body").animate({scrollTop:'10'}, 10, function() { $("html, body").animate({scrollTop:'0'}, 0); }); // ½ºÅ©·Ñ½Ã ¾Ö´Ï¸ÞÀÌ¼Ç Ã³¸® $(window).bind('scroll', function() { var winWidth = $(this).width(); var winTop = $(this).scrollTop(); var winHeight = $(this).height(); var docHeight = $(document).height(); var hdHeight = $("#mobile_header").height(); var elemHeight; var showDelay = 0; if(winWidth > 1024) { if(winTop >= hdHeight) { if(!$("#mobile_header").hasClass('fixed')) { $("#mobile_header").addClass('fixed'); $("#scrollTop").stop(true,false).fadeIn(300); $("#scrollTop_shop").stop(true,false).fadeIn(300); } } else { $("#mobile_header").removeClass('fixed'); $("#scrollTop").stop(true,false).fadeOut(300); $("#scrollTop_shop").stop(true,false).fadeOut(300); } } elem.each(function() { var etop = $(this).offset().top; var eh = $(this).height(); var delay = $(this).data('delay'); if(delay == null) { delay = 100; } if(winTop >= etop - winHeight) { if(!$(this).hasClass('animated')) { var aniOptions; var styR = { 'position':'relative', 'top':'30px' } var sty = { 'top':'30px' } if($(this).css('position') == 'static') { aniOptions = { 'opacity':'1', 'top':'0' } $(this).css(styR); } else if($(this).css('position') == 'absolute') { aniOptions = { 'opacity':'1', } } else { aniOptions = { 'opacity':'1', 'top':'0' } $(this).css(sty); } showDelay += delay; $(this).stop().delay(showDelay).animate(aniOptions, 500, function() { var sty = { 'position':'', 'top':'', 'opacity':'', 'transition':'' } $(this).css(sty); }); $(this).addClass('animated'); } } }); }); }); /*°ßÀû¹®Àǽ½¶óÀ̵ù*/ $("a.open_request0").click(function(){ openR(0); return false; }); $("a.open_request1").click(function(){ openR(1); return false; }); $("a.open_request2").click(function(){ openR(2); return false; }); //close_rquest $(".close_r").click(function(){ $("#callNav").removeClass('active'); closeR(); return false; }); /*°ßÀû¹®Àǽ½¶óÀ̵ù*/ //open_r category btn $("#navi_win_request li").click(function() { $("#navi_win_request li a").removeClass("selected"); $("a", this).addClass("selected"); $("#request_title>div").hide(); $("#title_sect"+$(this).attr("link-data")).show(); $("#request_content>div").hide(); $("#content_sect"+$(this).attr("link-data")).show(); return false; }); }); //right contents open function openR(num){ ck_openR = "y"; var tr = $("#win_request") var trW = tr.width(); tr.animate({right:"0px"},1500,"easeInOutQuart"); $("#navi_win_request li a").removeClass("selected"); $("#navi_win_request li a").eq(num).addClass("selected"); $("#request_title>div").hide(); $("#request_content>div").hide(); $("#title_sect"+num).show(); $("#content_sect"+num).show(); //bg_show $("#win_request_bg").show(); //body scrollbar disable $('body').css('positon','fixed') $('body').css('overflow','hidden') $(".mobile_menu").animate({width:"1px"},500,"easeOutQuart"); } //right contents close function closeR(){ ck_openR = "n"; var tr = $("#win_request") var trW = tr.width(); tr.animate({right:"-100%"},700,"easeInOutQuart"); //$("#scroll_navi").show(); //bg_hide $("#win_request_bg").hide(); //body scrollbar able $('body').css('positon','relative') $('body').css('overflow','auto') } //right contents resize function resizeR(){ if(ck_openR == "y"){ var tm = $("#inner_wrap"); var tr = $("#win_request") var winW = $(window).width(); var tmW = tm.width(); var trW = tr.width(); tm.css({width:tmW, marginLeft:-(tmW-(winW-trW))}); //tr.css({right:"0px"}); } } (function($) { $.fn.filestyle = function(options) { var settings = { width : 250 }; }; })(jQuery);