인터넷정보

위에서 아래로 떨어지는 메뉴

알 수 없는 사용자 2007. 10. 17. 18:00


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>

반응형