$(document).ready(function () { //상단 공통 슬라이드 메뉴 $(".topnav").hover(function () { $(this).parent().find(".subnav").slideDown('fast').show(); $(this).parent().hover(function () {}, function () { $(this).parent().find(".subnav").slideUp('fast'); }); }); $(".gnb ul li.t1").mouseover(function () { $(".gnb ul li.t1 p.topnav a").css("border-bottom", "1px solid #ddd").css("color", "#b92521"); }); $(".gnb ul li.t1").mouseleave(function () { $(".gnb ul li.t1 p.topnav a").removeAttr('style') }); $(".gnb ul li.t2").mouseover(function () { $(".gnb ul li.t2 p.topnav a").css("border-bottom", "1px solid #ddd").css("color", "#b92521"); }); $(".gnb ul li.t2").mouseleave(function () { $(".gnb ul li.t2 p.topnav a").removeAttr('style') }); $(".gnb ul li.t3").mouseover(function () { $(".gnb ul li.t3 p.topnav a").css("border-bottom", "1px solid #ddd").css("color", "#b92521"); }); $(".gnb ul li.t3").mouseleave(function () { $(".gnb ul li.t3 p.topnav a").removeAttr('style') }); $(".gnb ul li.t4").mouseover(function () { $(".gnb ul li.t4 p.topnav a").css("border-bottom", "1px solid #ddd").css("color", "#b92521"); }); $(".gnb ul li.t4").mouseleave(function () { $(".gnb ul li.t4 p.topnav a").removeAttr('style') }); $(".gnb ul li.t5").mouseover(function () { $(".gnb ul li.t5 p.topnav a").css("border-bottom", "1px solid #ddd").css("color", "#b92521"); }); $(".gnb ul li.t5").mouseleave(function () { $(".gnb ul li.t5 p.topnav a").removeAttr('style') }); $(".gnb ul li.t6").mouseover(function () { $(".gnb ul li.t6 p.topnav a").css("border-bottom", "1px solid #ddd").css("color", "#b92521"); }); $(".gnb ul li.t6").mouseleave(function () { $(".gnb ul li.t6 p.topnav a").removeAttr('style') }); $(".gnb ul li.t7").mouseover(function () { $(".gnb ul li.t7 p.topnav a").css("border-bottom", "1px solid #ddd").css("color", "#b92521"); }); $(".gnb ul li.t7").mouseleave(function () { $(".gnb ul li.t7 p.topnav a").removeAttr('style') }); var gup_box = $(".gup_box"); var box1 = $(".gup_box > div:eq(0)"); var box2 = $(".gup_box > div:eq(1)"); var box3 = $(".gup_box > div:eq(2)"); var box4 = $(".gup_box > div:eq(3)"); var box5 = $(".gup_box > div:eq(4)"); var box6 = $(".gup_box > div:eq(5)"); box1.css({ "top": "-100px" , "opacity": "0" }); box1.animate({ "top": "0" , "opacity": "1" }, 1000); box2.css({ "left": "-100px" , "opacity": "0" }); box2.delay(1000).animate({ "top": "0" , "opacity": "1" }, 2000); box3.css({ "left": "-100px" , "opacity": "0" }); box3.delay(1000).animate({ "top": "0" , "opacity": "1" }, 3000); box4.css({ "left": "-100px" , "opacity": "0" }); box4.delay(1000).animate({ "top": "0" , "opacity": "1" }, 4000); box5.css({ "left": "-100px" , "opacity": "0" }); box5.delay(1000).animate({ "top": "0" , "opacity": "1" }, 5000); box6.css({ "left": "-100px" , "opacity": "0" }); box6.delay(1000).animate({ "top": "0" , "opacity": "1" }, 6000); });