본문 바로가기

Web/Javascript

마우스 오버 서브메뉴

<html>
<head>
<title>ddd</title>
<meta name='author' content='interkorea'>
<meta name='keywords' content=''>
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv='Content-Type' content='text/html; charset=euc-kr'>
<link rel='stylesheet' href='/include/css.css' type='text/css'>
<script language='javascript' src='/include/main.js'></script>
<script language="JavaScript">
var old_menu = '';
function change(submenu)
{
    if( old_menu != submenu )
    {
        if( old_menu !='' ) old_menu.style.display = 'none';
        submenu.style.display = '';
        topsub0.style.display = 'none';
        old_menu = submenu;
    }
}
</script>
</head>
<body>

<!------------------------------ id 값을 넣기 --------------------------------->
<table cellspacing='0' cellpadding='3' border='1' width='95%' bordercolordark='white' bordercolorlight='#D6D6D6'>
<tr>
    <td onMouseOver=change(topsub1)>1</td>
    <td onMouseOver=change(topsub2)>2</td>
    <td onMouseOver=change(topsub3)>3</td>
</tr>
</table>


<!------------------------------ 탑 서브이름은 고정 --------------------------------->
<table width="640" height="25" border="0" cellpadding="1" cellspacing="0" ID="topsub0">
<tr>
    <td width=500></td>
    <td>하이룽</td>
</tr>
</table>


<!------------------------------ 나머지 아이디값을 자유자제로 줘도됩니다. --------------------------------->
<table width="640" height="25" border="0" cellpadding="1" cellspacing="0" ID="topsub1" STYLE='display:none'>
<tr>
    <td width=40></td>
    <td style='color:#ffffff'>
        | <a href="/company.html?menu=company_1" class=white>인사말</a>
        | <a href="/company.html?menu=company_2" class=white>조직도</a>
        | <a href="/company.html?menu=company_3" class=white>찾아오시는길</a>
        | <a href="/board/board.php3?table=notice" class=white>공지사항</a> |
    </td>
</tr>
</table>

<table width="640" height="25" border="0" cellpadding="1" cellspacing="0" ID="topsub2" STYLE='display:none'>
<tr>
    <td width=100></td>
    <td style='color:#ffffff'>
        | <a href="/movie.html?menu=movie_1" class=white>최신작소개</a>
        | <a href="/movie.html?menu=movie_2" class=white>출시 예정작</a>
        | <a href="/movie.html?menu=movie_3" class=white>히트작품</a>
        | <a href="/movie.html?menu=movie_4" class=white>대여순위</a>
        | <a href="/movie.html?menu=movie_5" class=white>박스오피스</a>    |
    </td>
</tr>
</table>

<table width="640" height="25" border="0" cellpadding="1" cellspacing="0" ID="topsub3" STYLE='display:none'>
<tr>
    <td width=190></td>
    <td style='color:#ffffff'>
        | <a href="http://www.takedvd.co.kr/board/board.php3?table=news1" class=white>국내영화소식</a>
        | <a href="/board/board.php3?table=news2" class=white>해외영화소식</a>
        | <a href="/board/board.php3?table=news3" class=white>애니메이션영화소식</a> |
    </td>
</tr>
</table>


</body>
</html>

'Web > Javascript' 카테고리의 다른 글

상하 움직이는 베너  (0) 2013.09.26
마우스 오버 레이어  (0) 2013.09.26
원클릭시 서브메뉴 보이기  (0) 2013.09.26
이미지 페이드2  (0) 2013.09.26
이미지 페이드  (0) 2013.09.26