學習參考書JavaScript精緻範例辭典

回首頁 與我們連絡 網站地圖 加入我的最愛


 

文字鏈結的提示說明

大家大概都知道圖片不管是否有建立鏈結都可以<ALT="xxxx">標記來秀出圖片說明,但是如果是純文字的鏈結呢?當然也可以!移動您的滑鼠到下列的兩個鏈結網址,是不是修出提示說明了呢?炫吧!

麻辣學園
麻辣家族討論版版

步驟一:用滑鼠將底下的一拖拉庫程式碼(藍色的喔),標記起來,按滑鼠右鍵選擇【複製】〈游標不能離開標示起來的反白區喔〉將以下的控制碼先複製起來。

步驟二:然後在網頁中的 <BODY> 之後按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!(其實只要把程式碼貼在<BODY></BODY>標記中間任何一個地方都可以啦!)

步驟三:將原始碼中橘色地方的內容改成你要鏈結的網址與說明文字!一切大功告成!

注意:請特別小心單引號[ ]與雙引號[ " ]!作者已經特別幫您將單引號標成綠色,雙引號標成紅色了喔!

 
<HTML>
<HEAD>
</HEAD>

<BODY>

<SCRIPT language=JavaScript>
<!--
function show(e,helpmsg)
{
   if(document.layers)
     {
     x = e.layerX
     y = e.layerY
     document.layers[0].document.open();
     document.layers[0].document.write(helpmsg);
     document.layers[0].document.close();
     document.layers[0].moveTo(x + 10, y + 20);
     document.layers[0].visibility = "SHOW";
    }

    else if(document.all)
      {
       x = event.clientX
       y = event.clientY
      document.all("lay").innerHTML = helpmsg;
      document.all["lay"].style.pixelLeft = x+10;
      document.all["lay"].style.pixelTop = y+20;
      document.all["lay"].style.visibility = "visible";
      }
}

function hide()
{
  if(document.layers)
   {document.layers[0].visibility = "HIDE";}
 else if(document.all)
 {document.all["lay"].style.visibility = "hidden";}
}

if(document.layers)
{document.write('<LAYER visibility="hide" bgcolor="#ffffcc"></LAYER>')}
else if(document.all){document.write('<DIV id="lay" style="position:absolute;background-color:#ffffcc"></DIV>')
}

hide()
// -->
</SCRIPT>

<A href="http://www.twbts.com/" onmouseout=hide() onmouseover="show(event,' 最佳教學網站 ' ) ">麻辣學園</A><BR>

<A href="http://gb.twbts.com/" onmouseout=hide() onmouseover="show(event,' 最佳討論區' ) ">麻辣家族討論版版</A> 

</BODY>
</HTML>

JavaScript 文件
鏈結圖片切換
簡易月曆
隨機背景底圖
蹦出式廣告視窗
觸控式背景色轉換
游標跑馬燈
鏈結說明跑馬燈
文字鏈結提示說明
四處移動的圖片
圖片式進站時間
簡易線上占卜
文字拉把遊戲
圖片拉把遊戲
定時更換圖片(1)
定時更換圖片(2)
項目導覽說明
上下震動與捲動頁面
飛行定位文字
旋轉飛行文字
幻化隱現文字
漫天飛舞
落葉片片
浮動鏈結選單
側拉式鏈結選單
友站連結/快速選單
 

本網頁內容由昱得資訊工作室楊宗誌(小誌 )製作(C) Copyright Valor-Studio since in 1993
非經正式書面同意,不得將全部或部分內容,以任何方式轉載於其他網站或用於任何商業行為