묻고답하기
메뉴 수정이 잘안되요 ''ㅁ''
2003.09.06 11:35
도와 주세요 ;ㅁ;
음.. 제 문제는 메뉴가 추가가 안되요 ;ㅁ;
이분이 만드신 스크립트의 ;ㅁ; 5개 메뉴만 작동하고 그외에는 작동이 안되요 'ㅁ'
어떻게 해야 할까요?
상단 메뉴를 늘리고
하단 메뉴도 만들고 싶어요
지금은 메뉴3까지 밖에 없는데요 더 늘리려면 뭘 해야 하는지 알려주세요
<style type="text/css">
<!--
A:link {color:black;text-decoration:none}
A:visited {color:black;text-decoration:none}
A:active {color:black;text-decoration:none}
A:hover {color:#2171BD;text-decoration:none}
td { font-size:8pt; font-family:돋움; color:#666666}
//-->
</style>
<script language="JavaScript">
<!--
function showMenu(no)
{
var winWidth = document.body.clientWidth;
var leftSpacing = 0;
if (winWidth > 400) {
leftSpacing = (winWidth-400)/2;
}
var layer_name = "menu"+ no;
var topStart = 15;
var leftStart = 60;
document.all[layer_name].style.posTop = topStart;
document.all[layer_name].style.posLeft = leftSpacing + leftStart;
document.all[layer_name].style.visibility = "visible";
}
function hideMenu(no) {
var layer_name = "menu"+ no;
document.all[layer_name].style.visibility = "hidden";
}
//-->
</script>
<body bgcolor="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<!-- menu1 보여질것 메뉴 추가시 id 를 추가시켜 줘야됨-->
<div align=ecnter id="menu1" style="position:absolute; visibility: hidden;">
<table border="0" cellpadding="0" cellspacing="0" width="400" onMouseOut="hideMenu('1')" onMouseOver="showMenu('1')">
<tr><td><img src="./menu_img/t_arrow.gif" width="7" height="6" border="1" hspace="15"><br></td></tr>
<tr><td bgcolor="#ffffff" width="100%" style="padding-top:5;padding-bottom:4;"> <font color='ef5900'>메뉴1 l<a href="#"> 어쩌고 </a> l <a href="#">멋지당!!</a> l <a href="#">좋당!!</a>
</td></tr>
</td></tr>
</table>
</div>
<!-- menu2 -->
<div align=center id="menu2" style="position:absolute; visibility: hidden;">
<table border="0" cellpadding="0" cellspacing="0" width="400" onMouseOut="hideMenu('2')" onMouseOver="showMenu('2')">
<tr><td><img src="menu_img/t_arrow.gif" width="7" height="6" border="1" hspace="72"><br></td></tr>
<tr><td bgcolor="#ffffff" width="100%" style="padding-top:5;padding-bottom:4;"> <font color='ef5900'>메뉴2 l<a href="#"> 어쩌고 저쩌고</a> l <a href="#">크크크</a>l<a href="#">머라꼬?</a>
</td></tr>
</td></tr>
</table>
</div>
<!-- menu3 -->
<div align=center id="menu3" style="position:absolute; visibility: hidden;">
<table border="0" cellpadding="0" cellspacing="0" width="400" onMouseOut="hideMenu('3')" onMouseOver="showMenu('3')">
<tr><td><img src="menu_img/t_arrow.gif" width="7" height="6" border="1" hspace="120"><br></td></tr>
<tr><td bgcolor="#ffffff" width="100%" style="padding-top:5;padding-bottom:4;"> <font color='ef5900'>메뉴3 l<a href="#">이벤트</a> l <a href="#">행사</a>l<a href="#">이벤트예약</a>
</td></tr>
</td></tr>
</table>
</div>
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href='#'onMouseOver='img1.src="./menu_img/home_on.gif";showMenu(1);'
onMouseOut='img1.src="./menu_img/home_off.gif";hideMenu(1);'><img name=img1 src='./menu_img/home_off.gif' border=0 width=50 height=20></a></td>
<td><a href='#' onmouseover='img2.src="./menu_img/qna_on.gif";showMenu(2);' onMouseOut='img2.src="./menu_img/qna_off.gif";hideMenu(2);'><img name=img2 src='./menu_img/qna_off.gif' border=0 width=50 height=20 ></a></td>
<td><a href='#' onmouseover='img3.src="./menu_img/talk_on.gif";showMenu(3);' onmouseout='img3.src="./menu_img/talk_off.gif";hideMenu(3);'><img name='img3' src='./menu_img/talk_off.gif' border=0 width=50 height=20></a></td>
<td><a href='#' onmouseover='img4.src="./menu_img/download_on.gif"' onmouseout='img4.src="./menu_img/download_off.gif"'><img src='+ '+ './menu_img/download_off.gif' border=0 width=70 height=20 name='+ 'img4'></a></td>
<td><a href='#' onmouseover='img5.src="./menu_img/member_on.gif"'+ ' onmouseout='img5.src="./menu_img/member_off.gif"'><img src='+ './menu_img/member_off.gif' border=0 width=65 height=20 name='img5'></a></td>
</tr>
</table>
음.. 제 문제는 메뉴가 추가가 안되요 ;ㅁ;
이분이 만드신 스크립트의 ;ㅁ; 5개 메뉴만 작동하고 그외에는 작동이 안되요 'ㅁ'
어떻게 해야 할까요?
상단 메뉴를 늘리고
하단 메뉴도 만들고 싶어요
지금은 메뉴3까지 밖에 없는데요 더 늘리려면 뭘 해야 하는지 알려주세요
<style type="text/css">
<!--
A:link {color:black;text-decoration:none}
A:visited {color:black;text-decoration:none}
A:active {color:black;text-decoration:none}
A:hover {color:#2171BD;text-decoration:none}
td { font-size:8pt; font-family:돋움; color:#666666}
//-->
</style>
<script language="JavaScript">
<!--
function showMenu(no)
{
var winWidth = document.body.clientWidth;
var leftSpacing = 0;
if (winWidth > 400) {
leftSpacing = (winWidth-400)/2;
}
var layer_name = "menu"+ no;
var topStart = 15;
var leftStart = 60;
document.all[layer_name].style.posTop = topStart;
document.all[layer_name].style.posLeft = leftSpacing + leftStart;
document.all[layer_name].style.visibility = "visible";
}
function hideMenu(no) {
var layer_name = "menu"+ no;
document.all[layer_name].style.visibility = "hidden";
}
//-->
</script>
<body bgcolor="#FFFFFF" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<!-- menu1 보여질것 메뉴 추가시 id 를 추가시켜 줘야됨-->
<div align=ecnter id="menu1" style="position:absolute; visibility: hidden;">
<table border="0" cellpadding="0" cellspacing="0" width="400" onMouseOut="hideMenu('1')" onMouseOver="showMenu('1')">
<tr><td><img src="./menu_img/t_arrow.gif" width="7" height="6" border="1" hspace="15"><br></td></tr>
<tr><td bgcolor="#ffffff" width="100%" style="padding-top:5;padding-bottom:4;"> <font color='ef5900'>메뉴1 l<a href="#"> 어쩌고 </a> l <a href="#">멋지당!!</a> l <a href="#">좋당!!</a>
</td></tr>
</td></tr>
</table>
</div>
<!-- menu2 -->
<div align=center id="menu2" style="position:absolute; visibility: hidden;">
<table border="0" cellpadding="0" cellspacing="0" width="400" onMouseOut="hideMenu('2')" onMouseOver="showMenu('2')">
<tr><td><img src="menu_img/t_arrow.gif" width="7" height="6" border="1" hspace="72"><br></td></tr>
<tr><td bgcolor="#ffffff" width="100%" style="padding-top:5;padding-bottom:4;"> <font color='ef5900'>메뉴2 l<a href="#"> 어쩌고 저쩌고</a> l <a href="#">크크크</a>l<a href="#">머라꼬?</a>
</td></tr>
</td></tr>
</table>
</div>
<!-- menu3 -->
<div align=center id="menu3" style="position:absolute; visibility: hidden;">
<table border="0" cellpadding="0" cellspacing="0" width="400" onMouseOut="hideMenu('3')" onMouseOver="showMenu('3')">
<tr><td><img src="menu_img/t_arrow.gif" width="7" height="6" border="1" hspace="120"><br></td></tr>
<tr><td bgcolor="#ffffff" width="100%" style="padding-top:5;padding-bottom:4;"> <font color='ef5900'>메뉴3 l<a href="#">이벤트</a> l <a href="#">행사</a>l<a href="#">이벤트예약</a>
</td></tr>
</td></tr>
</table>
</div>
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href='#'onMouseOver='img1.src="./menu_img/home_on.gif";showMenu(1);'
onMouseOut='img1.src="./menu_img/home_off.gif";hideMenu(1);'><img name=img1 src='./menu_img/home_off.gif' border=0 width=50 height=20></a></td>
<td><a href='#' onmouseover='img2.src="./menu_img/qna_on.gif";showMenu(2);' onMouseOut='img2.src="./menu_img/qna_off.gif";hideMenu(2);'><img name=img2 src='./menu_img/qna_off.gif' border=0 width=50 height=20 ></a></td>
<td><a href='#' onmouseover='img3.src="./menu_img/talk_on.gif";showMenu(3);' onmouseout='img3.src="./menu_img/talk_off.gif";hideMenu(3);'><img name='img3' src='./menu_img/talk_off.gif' border=0 width=50 height=20></a></td>
<td><a href='#' onmouseover='img4.src="./menu_img/download_on.gif"' onmouseout='img4.src="./menu_img/download_off.gif"'><img src='+ '+ './menu_img/download_off.gif' border=0 width=70 height=20 name='+ 'img4'></a></td>
<td><a href='#' onmouseover='img5.src="./menu_img/member_on.gif"'+ ' onmouseout='img5.src="./menu_img/member_off.gif"'><img src='+ './menu_img/member_off.gif' border=0 width=65 height=20 name='img5'></a></td>
</tr>
</table>