묻고답하기
자바스크립트 문의드립니다.
2012.03.04 17:38
<script>
<!--
function fncClick( obj )
{
var fm = document.frm;
var img = fm.menu;
for( var i=0; i<img.length; i++ )
{
if( img[i] === obj )
{
if( img[i].src.indexOf('_on') == -1 )
{
img[i].src = img[i].src.replace('.gif','_on.gif');
document.getElementById(img[i].id+'_sub').style.display = '';
}
}
else
{
img[i].src = img[i].src.replace('_on','');
document.getElementById(img[i].id+'_sub').style.display = 'none';
}
}
}
//-->
</script>
</head>
<body>
<form name='frm'>
<table cellpadding='0' cellspacing='0' border='0'>
<tr>
<td>
<img id='menu1' name='menu' src='http://static.naver.com/kin/img/k1/main/gnb_menu01.gif' style='cursor:hand; ' onmouseover='javascript_:fncClick(this);'>
<img id='menu2' name='menu' src='http://static.naver.com/kin/img/k1/main/gnb_menu02.gif' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
<img id='menu3' name='menu' src='http://static.naver.com/kin/img/k1/main/gnb_menu03.gif' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
<img id='menu4' name='menu' src='http://static.naver.com/kin/img/k1/main/gnb_menu04.gif' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
<img id='menu5' name='menu' src='http://static.naver.com/kin/img/k1/main/gnb_menu05.gif' style='cursor:hand;' onmouseover='javascript_:fncClick(this);'>
</td>
</tr>
<tr>
<td>
<span id='menu1_sub' style='display:none ' >
<a href="#">서브메뉴 1-1</a>
<a href="#">서브메뉴 1-2</a>
<a href="#"> 서브메뉴 1-3</a>
</span>
<span id='menu2_sub' style='display:none'>
<a href="#">서브메뉴 2-1</a>
<a href="#">서브메뉴 2-2</a>
<a href="#"> 서브메뉴 2-3</a>
</span>
<span id='menu3_sub' style='display:none'>
<a href="#"> 서브메뉴 3-1</a>
<a href="#"> 서브메뉴 3-2</a>
<a href="#">서브메뉴 3-3</a>
</span>
<span id='menu4_sub' style='display:none'>
<a href="#"> 서브메뉴 4-1</a>
<a href="#">서브메뉴 4-2</a>
<a href="#">서브메뉴 4-3</a>
</span>
<span id='menu5_sub' style='display:none'>
<a href="#"> 서브메뉴 5-1</a>
<a href="#"> 서브메뉴 5-2</a>
<a href="#"> 서브메뉴 5-3</a>
</span>
</td>
</tr>
</table>
</form>
==========================
위와같이 자바스크립트 오버 메뉴를 만들었는데..마우스 오버후 메뉴외에 마우스를 올리면 서브메뉴가 다시 안보이게 하고 싶은데..어디를 수정해줘야 하는지요? 고수님의 답변 부탁드립니다.
==========================
추가문의
서브메뉴를 없애는게 아니라..오버 서브 메뉴가 나오잖아요... 마우스를 오버메뉴가 아니면 다시 서브메뉴가 안나오고..
다시 이미지에에 오버하면 서브메뉴가 나오는겁니다. 이해가 되시는지요? ^^
