묻고답하기
소스좀 봐주세용...(머리터지겠슴다)-펼침메뉴...
2004.11.15 17:28
이 소스를 이곳에서 어떤님이 올려놨길래 간편해서 이용해보려하는데요...
레이어에서 마우스를 out시키면 서브메뉴가 없어지도록 하고 싶은데.. 도저히 안되네요... 이상하게..
소스는 이렇습니다..
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<style type=text/css>
a { text-decoration: none}
A:link {color:000000}
A:active {color:000000}
A:visited {color:000000}
A:hover {color:777777}
body, table, tr, td, select, input, div, form, textarea {font-size:10pt;font-family:돋움;color:#999999;line-height:130%;}
</style>
</style>
<script language="JavaScript">
<!--
function na_hide_layer(lname)
{
if (document.layers)
document.layers[lname].visibility = 'hide'
if(document.all)
document.all(lname).style.visibility = 'hidden'
}
function na_show_layer(lname)
{
if(document.layers)
document.layers[lname].visibility = 'show'
if(document.all)
document.all(lname).style.visibility = 'visible'
}
// -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
<a OnMouseOver="na_show_layer('sub1');na_hide_layer('sub2');na_hide_layer('sub3');" href="#"><font color="black">메뉴1</font></a><font color="black"><br></font><a OnMouseOver="na_hide_layer('sub1');na_show_layer('sub2');na_hide_layer('sub3');" href="#"><font color="black">메뉴2</font></a><font color="black"><br></font><a OnMouseOver="na_hide_layer('sub1');na_hide_layer('sub2');na_show_layer('sub3');" href="#"><font color="black">메뉴3</font></a><font color="black"><br></font></p>
<div id="sub1" style="width:75px; height:110px; position:absolute; left:50px; top:15px; z-index:1; visibility:hidden;">
<p><a href="#" target="_blank">home</a><br><a href="#" target="_blank">javascript</a><br><a href="#" target="_blank">html</a><br><a href="#" target="_blank">tip</a><br><a href="#" target="_blank">link</a><br><a href="#" target="_blank">board</a></p>
</div>
<div id="sub2" style="width:75px; height:110px; position:absolute; left:50px; top:32px; z-index:1; visibility:hidden;">
<p><a href="http://yahoo.co.kr" target="_blank">야후</a><br><a href="http://naver.com" target="_blank">네이버</a><br><a href="http://empas.com" target="_blank">엠파스</a></p>
</div>
<div id="sub3" style="width:75px; height:110px; position:absolute; left:50px; top:49px; z-index:1; visibility:hidden;">
<p><a href="http://sayclub.com" target="_blank">세이클럽</a><br><a href="http://entica.com" target="_blank">엔티카</a><br><a href="http://bugsmusic.co.kr" target="_blank">벅스뮤직</a></p>
</div>
<p> </p>
<p> </p>
<script language=javascript>
<!--
document.write("<iframe src='http://lcs.naver.com/u{"+document.URL+"}' width=0 height=0 frameborder=0></iframe>");
//-->
</script>
<p> </p>
</body>
</html>
수정좀 부탁드립니다... 대체 멀 고쳐야하는건지..원..
나모에서 액션을 OnMouseOut="na_hide_layer('sub1') -->이걸하면 서브메뉴에서 맨윗쪽링크된것만 벗어나면 서브메뉴자체가 없어집니다... 액션을 레이어로 잡아놨는데도요..ㅡㅡ..
알려주세용...
레이어에서 마우스를 out시키면 서브메뉴가 없어지도록 하고 싶은데.. 도저히 안되네요... 이상하게..
소스는 이렇습니다..
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<style type=text/css>
a { text-decoration: none}
A:link {color:000000}
A:active {color:000000}
A:visited {color:000000}
A:hover {color:777777}
body, table, tr, td, select, input, div, form, textarea {font-size:10pt;font-family:돋움;color:#999999;line-height:130%;}
</style>
</style>
<script language="JavaScript">
<!--
function na_hide_layer(lname)
{
if (document.layers)
document.layers[lname].visibility = 'hide'
if(document.all)
document.all(lname).style.visibility = 'hidden'
}
function na_show_layer(lname)
{
if(document.layers)
document.layers[lname].visibility = 'show'
if(document.all)
document.all(lname).style.visibility = 'visible'
}
// -->
</script>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<p>
<a OnMouseOver="na_show_layer('sub1');na_hide_layer('sub2');na_hide_layer('sub3');" href="#"><font color="black">메뉴1</font></a><font color="black"><br></font><a OnMouseOver="na_hide_layer('sub1');na_show_layer('sub2');na_hide_layer('sub3');" href="#"><font color="black">메뉴2</font></a><font color="black"><br></font><a OnMouseOver="na_hide_layer('sub1');na_hide_layer('sub2');na_show_layer('sub3');" href="#"><font color="black">메뉴3</font></a><font color="black"><br></font></p>
<div id="sub1" style="width:75px; height:110px; position:absolute; left:50px; top:15px; z-index:1; visibility:hidden;">
<p><a href="#" target="_blank">home</a><br><a href="#" target="_blank">javascript</a><br><a href="#" target="_blank">html</a><br><a href="#" target="_blank">tip</a><br><a href="#" target="_blank">link</a><br><a href="#" target="_blank">board</a></p>
</div>
<div id="sub2" style="width:75px; height:110px; position:absolute; left:50px; top:32px; z-index:1; visibility:hidden;">
<p><a href="http://yahoo.co.kr" target="_blank">야후</a><br><a href="http://naver.com" target="_blank">네이버</a><br><a href="http://empas.com" target="_blank">엠파스</a></p>
</div>
<div id="sub3" style="width:75px; height:110px; position:absolute; left:50px; top:49px; z-index:1; visibility:hidden;">
<p><a href="http://sayclub.com" target="_blank">세이클럽</a><br><a href="http://entica.com" target="_blank">엔티카</a><br><a href="http://bugsmusic.co.kr" target="_blank">벅스뮤직</a></p>
</div>
<p> </p>
<p> </p>
<script language=javascript>
<!--
document.write("<iframe src='http://lcs.naver.com/u{"+document.URL+"}' width=0 height=0 frameborder=0></iframe>");
//-->
</script>
<p> </p>
</body>
</html>
수정좀 부탁드립니다... 대체 멀 고쳐야하는건지..원..
나모에서 액션을 OnMouseOut="na_hide_layer('sub1') -->이걸하면 서브메뉴에서 맨윗쪽링크된것만 벗어나면 서브메뉴자체가 없어집니다... 액션을 레이어로 잡아놨는데도요..ㅡㅡ..
알려주세용...
