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

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


 

項目導覽說明

文字鏈結是最方便的超鏈結方式,但有時候為了整體網頁的配置而無法的完整表示鏈結的目的地,這個時候我們可以設定一個表單文字欄位來作詳細的說明!將滑鼠移到下方的超鏈結,可以發現其下方的表單文字欄位也會同時出現捲動的詳細說明文字。

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

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

步驟三:<BODY></BODY>標記中間你要放置說明欄位的地方加上下列網頁敘述!

<FORM NAME="MYFORM">
<input type="text" name="ANS" size="25" value="移至鏈結文字看說明">
</FORM>

步驟四:鏈結的網址敘述必須加入onMouseOver="inside(說明文字的編號)" onMouseOut="outside()"

 
<HTML>
<HEAD>
<TITLE></TITLE>


<SCRIPT LANGUAGE="JavaScript">
<!---
// Valor工作室 [valor Studio]
var mcount = -2
var speed = 100 
//移動時間,越大速度越慢
timeID=setTimeout('',1)
msg = new Array(2)
//2代表有幾個說明項目,請自行加減,配合下的msg[x]使用
msg[1] = "                  最佳討論區"
//空格請依顯示欄位的大小自行調整
msg[2] = "                                   最佳教學網站"

function inside(num)
{
n=num
document.MYFORM.ANS.value = msg[n].substring(mcount=mcount+2,msg[n].length+2)
if (mcount>msg[n].length)
{mcount=-2}
clearTimeout(timeID);
timeID = setTimeout('inside(n)',speed)
}

function outside()
{
clearTimeout(timeID)
mcount = -2
document.MYFORM.ANS.value = "移至鏈結文字看說明"
}
--->
</SCRIPT>

</HEAD>


<BODY>

<FORM NAME="MYFORM">
<input type="text" name="ANS" size="25" value="移至鏈結文字看說明">
</FORM>


<a href="http://www.twbts.com/" onMouseOver="inside(
2)" onMouseOut="outside()">麻辣學園</a><BR>
<a href="http://gb.twbts.com"
onMouseOver="inside(
1)" onMouseOut="outside()">麻辣家族討論版版</a>



</BODY>
</HTML>

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

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