語法展示::  http://home.graffiti.net/wsxcfffc/


請用IE6.0或更新版本觀看語法特效展示


將以下程式碼複製,貼在<head>及</head>標籤之間。

<script language=JavaScript>
<!--
function dropMenu() {
speed=35;
topdistance=170;
items=6;
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);
   }
}
-->
</script>


speed=35; 中修改選單下滑的速度
topdistance=170; 中修改選單距離視窗上方的距離
items=6; 中修改選單的總數量


將以下程式碼複製,貼在<body >標籤裡面。

 onload="dropMenu(), scrollItems();"


將以下程式碼複製,貼在<body>及</body>標籤之間。

<DIV id=object1 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#FFBFBF border=1 >
    <TBODY><TR><TD>
        <CENTER><A href="http://tw.yahoo.com/" target="_blank">奇摩</A></CENTER>               
            </TD></TR></TBODY>
                 </TABLE></DIV>
<DIV id=object2 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#FFFFBF border=1>
  <TBODY><TR><TD>
      <CENTER><A href="http://chinese.yahoo.com/" target="_blank">雅虎</A></CENTER>    
           </TD></TR></TBODY>
                 </TABLE></DIV>
<DIV id=object3 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#BFFFBF border=1>
  <TBODY><TR><TD>
       <CENTER><A href="http://www.yam.com/" target="_blank">蕃薯藤</A></CENTER>     
          </TD></TR></TBODY>
              </TABLE></DIV>
<DIV id=object4 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#BFBFFF border=1>
  <TBODY><TR><TD>
        <CENTER><A href="http://www.sina.com.tw/" target="_blank">新浪網</A></CENTER>     
             </TD></TR></TBODY>
                    </TABLE></DIV>
<DIV id=object5 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#DFBFFF border=1>
  <TBODY><TR><TD>
        <CENTER><A href="http://www.pchome.com.tw/" target="_blank">PC home</A></CENTER>      
               </TD></TR></TBODY>
                     </TABLE></DIV>
<DIV id=object6 style="Z-INDEX: 2; LEFT: 205px; POSITION: absolute; TOP: -50px">
<TABLE width=80 bgColor=#FFD5AA border=1>
  <TBODY><TR><TD>
        <CENTER><A href="http://blog.pixnet.net/como0925" target="_blank">紫蓮の翼 </A></CENTER>      
               </TD></TR></TBODY>
                     </TABLE></DIV>


LEFT: 220px; 中修改選單距離視窗左方的距離
width=80 中修改選單的寬度
bgColor=#FFBFBF 中修改選單的顏色
自行修改連結的名稱及網址

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 okrfnv 的頭像
    okrfnv

    *犛犛__ : )

    okrfnv 發表在 痞客邦 留言(0) 人氣()