[j-Query/Navigation] Gnb / 탭메뉴 스크립트。

//================== HTML코드 ===================//
<ul class="main">
	<li><a href="/SCETP1000/SCETP1100/SCETP1110.aspx" class="first" onmouseover="fnTopMenuSwitch('1');">
        <img src="/images/common/gnb_menu01_out.gif" alt="메뉴1" id="main_menu_img1"></a></li>
	<li><a href="/SCETP2000/SCETP2100/SCETP2110.aspx" onmouseover="fnTopMenuSwitch('2');">
        <img src="/images/common/gnb_menu02_out.gif" alt="메뉴2" id="main_menu_img2"></a></li>
	<li><a href="/SCETP3000/SCETP3100/SCETP3110.aspx" onmouseover="fnTopMenuSwitch('3');">
        <img src="/images/common/gnb_menu03_out.gif" alt="메뉴3" id="main_menu_img3"></a></li>
	<li><a href="/SCETP4000/SCETP4100/SCETP4110.aspx" onmouseover="fnTopMenuSwitch('4');">
        <img src="/images/common/gnb_menu04_out.gif" alt="메뉴4" id="main_menu_img4"></a></li>
</ul>
<ul class="sub1">
	<li><a href="/SCETP1000/SCETP1100/SCETP1110.aspx" onmouseout="fnTopSubOutSwitch('1','1');" onmouseover="fnTopSubOverSwitch('1','1');">
	    <img src="/images/common/sub01_01_out.gif" alt="서브메뉴1" id="sub_menu1_img1"/></a></li>
	<li><a href="/SCETP1000/SCETP1200/SCETP1210.aspx" onmouseout="fnTopSubOutSwitch('1','2');"  onmouseover="fnTopSubOverSwitch('1','2');">
            <img src="/images/common/sub01_02_out.gif"  alt="서브메뉴2" id="sub_menu1_img2"/></a></li>
	<li><a href="/SCETP1000/SCETP1300/SCETP1310.aspx" onmouseout="fnTopSubOutSwitch('1','3');"  onmouseover="fnTopSubOverSwitch('1','3');"> 
<img src="/images/common/sub01_03_out.gif" alt="서브메뉴3" id="sub_menu1_img3"/></a></li>
	<li><a href="/SCETP1000/SCETP1400/SCETP1410.aspx" onmouseout="fnTopSubOutSwitch('1','4');"  onmouseover="fnTopSubOverSwitch('1','4');"> 
         <img src="/images/common/sub01_04_out.gif" alt="서브메뉴4" id="sub_menu1_img4"/></a></li>
	<li><a href="/SCETP1000/SCETP1500/SCETP1510.aspx" onmouseout="fnTopSubOutSwitch('1','5');"  onmouseover="fnTopSubOverSwitch('1','5');"> 
        <img src="/images/common/sub01_05_out.gif" alt="서브메뉴5id="sub_menu1_img5"/></a></li>
	<li><a href="/SCETP1000/SCETP1600/SCETP1610.aspx" onmouseout="fnTopSubOutSwitch('1','6');"  onmouseover="fnTopSubOverSwitch('1','6');"> 
        <img src="/images/common/sub01_06_out.gif" alt="서브메뉴6id="sub_menu1_img6"/></a></li>
</ul>

//================== 자바스크립트코드 ===================//

$(function () {
    fnTopMenuSwitch('');
});
function fnTopMenuSwitch(mainCd) {
    for (var i = 1; i < 5; i++) {
        $(".sub" + i).hide();
        $("#main_menu_img" + i).attr("src", "/images/common/gnb_0" + i + "_out.gif");
    }
    if (mainCd != "") {
        $(".sub" + mainCd).show();
        $("#main_menu_img" + mainCd).attr("src", "/images/common/gnb_0" + mainCd + "_over.gif");
    }
}
function fnTopSubOutSwitch(mainCd, subCd) {
    $("#sub_menu" + mainCd + "_img" + subCd).attr("src", "/images/common/sub0" + mainCd + "_0" + subCd + "_out.png");
}
function fnTopSubOverSwitch(mainCd, subCd) {
    $("#sub_menu" + mainCd + "_img" + subCd).attr("src", "/images/common/sub0" + mainCd + "_0" + subCd + "_over.png");
}