메뉴- 풀다운메뉴 작성하기...
<html>
<head>
<title>수정해야할부분은 ♣표시로 주석설명을 달아놨어요. </title>
<script language="javascript">
<!--
var Open = ""
var Closed = ""
function preload(){
if(document.images){
Open = new Image(16,13)
Closed = new Image(16,13)
Open.src = "open.gif" //♣서브메뉴가 활성화 되었을때 아이콘입니다.
Closed.src = "closed.gif" //♣서브메뉴가 비활성되었을때 아이콘
}}
function showhide(what,what2){
if (what.style.display=='none'){
what.style.display='';
what2.src=Open.src
}
else{
what.style.display='none'
what2.src=Closed.src
}
}
-->
</script>
</head>
<body onLoad="preload();"> <!--♣<body>태그가 보시다시피 수정되었지요;;-->
드롭다운 메뉴
<table border cellpadding="0" cellspacing="0" width="108" height="76" bgcolor="white" bordercolor="#848484" bordercolordark="white" bordercolorlight="#848484" align="center">
<tr>
<td>
<!-- ♣처음 큰메뉴를 표시하는 부분입니다-->
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand"><img id="menu1sign" src="closed.gif">폰트</span><br>
<!-- ♣위 큰메뉴의 서브메뉴들입니다 -->
<span id="menu1outline" style="display:'none'">
<a href="http://1zin.com/myboard/zboard.php?id=korfont"><font size="1" face="tahoma">Korean Font</font></a><br>
<a href="http://1zin.com/myboard/zboard.php?id=engfont"><font size="1" face="tahoma">English Font</font></a><br>
</span>
<span id="menu2" onClick="showhide(menu2outline,menu2sign)" style="cursor:hand"><img id="menu2sign" src="closed.gif">링크</span><br>
<span id="menu2outline" style="display:'none'">
<a href="#"><font size="1" face="tahoma">link#1</font></a><br>
<a href="#"><font size="1" face="tahoma">link#2</font></a><br>
<a href="#"><font size="1" face="tahoma">link#3</font></a><br>
<a href="#"><font size="1" face="tahoma">link#4</font></a><br>
</span>
<!-- ♣계속 메뉴를 추가시키려면 위에서 보는바와 같이
처음 큰메뉴를 표시하는 부분과 위 큰메뉴의 서브메뉴들을 복사해서 늘리세요.
단 이때 소스중간중간에 있는 숫자들은 갯수에 따라 늘려주시구요
-->
</td>
</tr>
</table>
</body>
</html>
<head>
<title>수정해야할부분은 ♣표시로 주석설명을 달아놨어요. </title>
<script language="javascript">
<!--
var Open = ""
var Closed = ""
function preload(){
if(document.images){
Open = new Image(16,13)
Closed = new Image(16,13)
Open.src = "open.gif" //♣서브메뉴가 활성화 되었을때 아이콘입니다.
Closed.src = "closed.gif" //♣서브메뉴가 비활성되었을때 아이콘
}}
function showhide(what,what2){
if (what.style.display=='none'){
what.style.display='';
what2.src=Open.src
}
else{
what.style.display='none'
what2.src=Closed.src
}
}
-->
</script>
</head>
<body onLoad="preload();"> <!--♣<body>태그가 보시다시피 수정되었지요;;-->
드롭다운 메뉴
<table border cellpadding="0" cellspacing="0" width="108" height="76" bgcolor="white" bordercolor="#848484" bordercolordark="white" bordercolorlight="#848484" align="center">
<tr>
<td>
<!-- ♣처음 큰메뉴를 표시하는 부분입니다-->
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand"><img id="menu1sign" src="closed.gif">폰트</span><br>
<!-- ♣위 큰메뉴의 서브메뉴들입니다 -->
<span id="menu1outline" style="display:'none'">
<a href="http://1zin.com/myboard/zboard.php?id=korfont"><font size="1" face="tahoma">Korean Font</font></a><br>
<a href="http://1zin.com/myboard/zboard.php?id=engfont"><font size="1" face="tahoma">English Font</font></a><br>
</span>
<span id="menu2" onClick="showhide(menu2outline,menu2sign)" style="cursor:hand"><img id="menu2sign" src="closed.gif">링크</span><br>
<span id="menu2outline" style="display:'none'">
<a href="#"><font size="1" face="tahoma">link#1</font></a><br>
<a href="#"><font size="1" face="tahoma">link#2</font></a><br>
<a href="#"><font size="1" face="tahoma">link#3</font></a><br>
<a href="#"><font size="1" face="tahoma">link#4</font></a><br>
</span>
<!-- ♣계속 메뉴를 추가시키려면 위에서 보는바와 같이
처음 큰메뉴를 표시하는 부분과 위 큰메뉴의 서브메뉴들을 복사해서 늘리세요.
단 이때 소스중간중간에 있는 숫자들은 갯수에 따라 늘려주시구요
-->
</td>
</tr>
</table>
</body>
</html>
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 1개