::::::::::<< 컴퓨터의 문제해결 방법과 좀 더 잘 활용하는 지혜 >>::::::::::

한솔 (2004-11-10 14:01:38, Hit : 3844, Vote : 602)

treemenu.zip (6.7 KB), Download : 178

Tree형으로 흘러내리는 메뉴 소스

참조 : http://www.treemenu.com/ - 메뉴 이미지 화일은 맞게 만들어 넣어야 함

<HTML>
<HEAD>
<style type="text/css">
a:link { font-family: "굴림"; font-size: 13pt; line-height: 13pt; color: blue; text-decoration: none}
a:visited { font-family: "굴림"; font-size: 13pt; line-height: 13pt; color: purple; text-decoration: none}
a:hover { font-family: "굴림"; font-size: 13pt; line-height: 13pt; color: red; text-decoration: none}
</style>
<script language="javascript">
var old_menu = '';
function menuclick( submenu)
{
if( old_menu != submenu ) {
if( old_menu !='' ) {
old_menu.style.display = 'none';
}
submenu.style.display = 'block';
old_menu = submenu;
} else {
submenu.style.display = 'none';
old_menu = '';
}
}
</script>

</HEAD>

<BODY>
<table border="0" cellpadding="0" cellspacing="0" style="position:absolute; left:7; top:5;" width="150" >
<tr>
<td onmouseover="menuclick(submenu1);" style="cursor:hand;">
<font size="2"><img src="images/menu01.gif" border=0 width="150" height="26"></font></td>
</tr>
<tr>
<td id="submenu1" style="display:none;">
<table width="130" border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td width="134">
<font color="#990099" size="2">
<a href="#">야후코리아</a><br>
<a href="#">라이코스</a><br>
<a href="#">한미르</a><br>
<a href="#">심마니</a><br>
<a href="#">알타비스타</a></font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td onmouseover="menuclick(submenu2);" style="cursor:hand;">
<font size="2"><img src="images/menu02.gif" border=0 width="150" height="26"></font></td>
</tr>
<tr>
<td id="submenu2" style="display:none;">
<table width="130" border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td width="134"><font color="#990099" size="2">
<a href="#">하이텔</a><br>
<a href="#">천리안</a><br>
<a href="#">신비로</a><br>
<a href="#">유니텔</a><br>
<a href="#">넷츠고</a></font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td onmouseover="menuclick(submenu3);" style="cursor:hand;">
<font size="2"><img src="images/menu03.gif" border=0 width="150" height="26"></font></td>
</tr>
<tr>
<td id="submenu3" style="display:none;">
<table width="130" border="0" cellspacing="0" cellpadding="2" align="center">
<tr>
<td width="134"><font color="#990099" size="2">
<a href="#">인터넷제국</a><br>
<a href="#">드림위즈</a><br>
<a href="#">넷파크</a><br>
<a href="#">하이홈</a></font></td>
</tr>
</table>
</td>
</tr>
</table>
</BODY>
</HTML>

△ HTML 태그 명령어 사용법

▽ 알기 쉬운 컴퓨터 이야기

Copyright 1999-2025 Zeroboard / skin by zero