가로 메뉴인데 대메뉴 텍스트를 이미지로 바꾸고 싶거든요
고수님분들의 가르침 달게 받겠습니다.
 
아무리 해도 답이 안나와요 ㅠㅠ
 
 
<script language='javascript' type='text/javascript'>
//<![CDATA[

function set_submenu(obj)
{
    var nLeft,nTop
    ph = 50 // 서브메뉴 상단위치 조절
    nLeft = event.x - event.offsetX + document.body.scrollLeft;
    nTop = event.y - event.offsetY + document.body.scrollTop;

    eval(obj+'.style').posLeft = nLeft
    eval(obj+'.style').posTop = nTop + ph;
    eval(obj+'.style').display='block';
}

function show_submenu(obj)
{
    eval(obj+'.style').display='block';
}

function hide_submenu(obj)
{
    eval(obj+'.style').display='none';
}

//]]>
</script>
<style type='text/css'>

.diz_menu { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; cursor:hand; font-weight:normal;}
a.diz_menu:link { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:normal; }
a.diz_menu:visited { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:normal; }
a.diz_menu:hover { font-size:7pt; color:#1375CA; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:bold; }
a.diz_menu:active { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:normal; }
.diz_menu_over { font-size:7pt; color:#1375CA; font-family:Tahoma; line-height:110%; padding-top:6px; cursor:hand; font-weight:bold}


.diz_popmenu { font-family:돋움; font-size:9pt; color:#333333; background-color:FFFFFF; cursor:hand; padding-left:5px;}
.diz_popmenu_over { font-family:돋움; font-size:9pt; color:#FFFFFF; background-color:08246B; cursor:hand; padding-left:5px;}
</style>

    </head>
 
        <!-- 대메뉴 -->
        <table border='0' cellpadding='0' cellspacing='0' height='54' width=100%>
            <tr align='center'>
                <td width='100' id='menu1' onClick='location.href="/bbs/board.php?bo_table=free_board"' class='diz_menu' onMouseOver='this.className="diz_menu_over";set_submenu("submenu1");' onMouseOut='this.className="diz_menu";hide_submenu("submenu1")'>학부소개</td>
                <td width='5'>|</td>
                <td width='100' id='menu2' onClick='location.href="링크주소"' class='diz_menu' onMouseOver='this.className="diz_menu_over";set_submenu("submenu2");' onMouseOut='this.className="diz_menu";hide_submenu("submenu2")'>학부소식</td>
                <td width='5'>|</td>
                <td width='100' id='menu3' onClick='location.href="링크주소"' class='diz_menu' onMouseOver='this.className="diz_menu_over";set_submenu("submenu3");' onMouseOut='this.className="diz_menu";hide_submenu("submenu3")'>교수님공지</td>
                <td width='5'>|</td>
                <td width='100' id='menu5' onClick='location.href="링크주소"' class='diz_menu' onMouseOver='this.className="diz_menu_over";set_submenu("submenu4");' onMouseOut='this.className="diz_menu";hide_submenu("submenu4")'>취업</td>
                <td width='5'>|</td>
                <td width='100' id='menu6' onClick='location.href="링크주소"' class='diz_menu' onMouseOver='this.className="diz_menu_over";set_submenu("submenu5");' onMouseOut='this.className="diz_menu";hide_submenu("submenu5")'>community </td>
                <td width='5'>|</td>
                <td width='100' id='menu7' onClick='location.href="링크주소"' class='diz_menu' onMouseOver='this.className="diz_menu_over";set_submenu("submenu6");' onMouseOut='this.className="diz_menu";hide_submenu("submenu6")'>STUDY</td>
                <td width='5'>|</td>
            </tr>
        </table>