간단한 구조의 슬라이딩 메뉴만들기
수정 삭제 답변
From : 211.47.220.101
With : Internet Explorer 5.5, Windows 98 Time : 2001.03.30 [11:09:34]
Poster : 박석환(designer@ddalchi.co.kr)
♣ 조회수: 7254
<HTML>
<HEAD>
<TITLE>Sliding Menu</TITLE>
<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
function toggleMenu(currMenu)
{
if (document.all)
{
if (currMenu == "menu1")
{
eval(document.all.menu1.style).display = "block"
eval(document.all.menu2.style).display = "none"
eval(document.all.menu3.style).display = "none"
}
else if(currMenu == "menu2")
{
eval(document.all.menu1.style).display = "none"
eval(document.all.menu2.style).display = "block"
eval(document.all.menu3.style).display = "none"
}
else
{
eval(document.all.menu1.style).display = "none"
eval(document.all.menu2.style).display = "none"
eval(document.all.menu3.style).display = "block"
}
return false
}
else
{
return true
}
}
-->
</SCRIPT>
<STYLE TYPE="TEXT/CSS">
#menu1 {display:none; margin-left:15px}
#menu2 {display:none; margin-left:15px}
#menu3 {display:none; margin-left:15px}
td { font-size: 9pt; line-height: 13pt; text-decoration: none}
a { text-decoration: none; color: #0066FF}
</STYLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<table border=0 cellpadding="0" cellspacing="5">
<tr>
<td>
<A HREF="#" onClick="return toggleMenu('menu1')"><b>드림위버</b></A><br>
<SPAN ID="menu1">
<a href="#">기본과정</a><br>
<a href="#">Extension</a><br>
<a href="#">Manager</a><br>
<a href="#">Object</a><br>
<a href="#">Command</a><br>
<a href="#">Behavior</a><br>
</SPAN>
<A HREF="#" onClick="return toggleMenu('menu2')"><b>플래쉬</b></A><br>
<SPAN ID="menu2">
<a href="#">기본과정</a><br>
<a href="#">파일최적화</a><br>
<a href="#">Action</a><br>
<a href="#">소스자료실</a><br>
<a href="#">패러디소스</a><br>
</SPAN>
<A HREF="#" onClick="return toggleMenu('menu3')"><b>게시판</b></A>
<SPAN ID="menu3">
<a href="#">묻고답하기</a><br>
<a href="#">자바스크립트</a><br>
<a href="#">자료실</a>
</SPAN>
</td>
</tr>
</table>
</BODY>
</HTML>
| |
