說明選單
選 單 說 明
特效
Mouse拖曳上面的選單，才會有說明文字如想增加選項,請記得"popLayer(3)"和(a==3)要跟著變動
<script language="JavaScript"> <!-- Begin function setupDescriptions() { var x = navigator.appVersion; y = x.substring(0,4); if (y>=4) setVariables(); } var x,y,a,b; function setVariables(){ if (navigator.appName == "Netscape") { h=".left="; v=".top="; dS="document."; sD=""; } else { h=".pixelLeft="; v=".pixelTop="; dS=""; sD=".style"; } } var isNav = (navigator.appName.indexOf("Netscape") !=-1); function popLayer(a){ desc = "<table cellpadding=2 border=0 bgcolor=DDDDDD><td><font class=font>"; if (a==1) desc += "說明"; if (a==2) desc += "說明"; if (a==3) desc += "說明"; if (a==4) desc += "說明"; <!-- 設定選單說明內容--> desc += "</td></table>"; if(isNav) { document.object1.document.write(desc); document.object1.document.close(); document.object1.left=x+25; document.object1.top=y; } else { object1.innerHTML=desc; eval(dS+"object1"+sD+h+(x+25)); eval(dS+"object1"+sD+v+y); } } function hideLayer(a){ if(isNav) { eval(document.object1.top=a); } else object1.innerHTML=""; } function handlerMM(e){ x = (isNav) ? e.pageX : event.clientX; y = (isNav) ? e.pageY : event.clientY; } if (isNav){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // End --> </script>
複製程式碼至<head>~</head>之間
onload="setupDescriptions()">
複製程式碼至<body>框框中
<tr> <td> <div align="right"> <p>選 單 說 明 </p> <p><a href="連結" onmouseover="popLayer(1)" onmouseout="hideLayer(-150)">文字</a></p> <!--選單名稱連結網頁可以改變 --> </div> <p align="center"><a href="連結" onmouseover="popLayer(2)" onmouseout="hideLayer(-150)">文字</a></p> <!--選單名稱連結網頁可以改變 --> <p align="center"><a href="連結" onmouseover="popLayer(3)" onmouseout="hideLayer(-150)">文字</a></p> <!--選單名稱連結網頁可以改變 --> <p align="center"><a href="連結" onmouseover="popLayer(4)" onmouseout="hideLayer(-150)">文字</a> </p> <!--選單名稱連結網頁可以改變 --> </td> </tr> <!-- 設定選單連結名稱＆路徑--> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">layer hidden off the screen</div>
複製程式碼至<body>~</body>之間
按ctrl+c複製 -->