http://oxtag.com/html/ex/menu/menu2.html
<html>
<head>
<title></title>
</head>
<style type="text/css">
<!--
BODY{
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #666666;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #666666;}
A:link {color: #000000;text-decoration:none}
A:visited {color: #cccccc;text-decoration:none}
A:hover { color: #AF40AF;text-decoration: none; color: blue; }
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function buildMenu() {
speed=6; // 떨어지는 속도 수치가 낮을 수록 빨라짐.
topdistance=40; // 상단에서 메뉴까지 거리
items=12; // 메뉴의 개수 지정
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
}
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob;
y+=10;
eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
}
}
// End -->
</SCRIPT>
</head>
<BODY bgcolor="" onLoad="buildMenu(), scrollItems();">
<div id="object1" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 1</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object2" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 2</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object3" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 3</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object4" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 4</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object5" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 5</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object6" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 6</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object7" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 7</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object8" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 8</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object9" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 9</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object10" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 10</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object11" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 11</b></font></A>
</td>
</tr>
</table>
</div>
<div id="object12" style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=3 bordercolor=#666666 width=170>
<tr>
<td align=center>
<A HREF="연결될페이지" TARGET="타겟" onfocus=this.blur()><font style = font-size:9pt><b>메 뉴 12</b></font></A>
</td>
</tr>
</table>
</div>
</body>
</html>
'인터넷정보' 카테고리의 다른 글
| 방문객의 아이피(IP)를 내 홈에 달아보자. (0) | 2007.10.17 |
|---|---|
| 방문객의 아이피(IP)를 내 홈에 달아보자. (0) | 2007.10.17 |
| 마우스 따라다니는 시계 (0) | 2007.10.17 |
| 마우스 따라다니는 시계 (0) | 2007.10.17 |
| 위에서 아래로 떨어지는 메뉴 (0) | 2007.10.17 |
| 페이지 로딩 및 마우스 오버시 사운드 (0) | 2007.10.17 |
| 페이지 로딩 및 마우스 오버시 사운드 (0) | 2007.10.17 |
| 스크롤바 움직여도 떠 있는 이미지 (레이어) (0) | 2007.10.17 |
| 스크롤바 움직여도 떠 있는 이미지 (레이어) (0) | 2007.10.17 |
| 텍스트 네온사인 효과 (0) | 2007.10.17 |