0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】


超連結特效語法




文字附說明超連結

 

| 認識網頁設計 | 動畫小圖庫 |

將下列語法貼於</head>之前

<script language="JavaScript">
<!--
function MakeArray(n) {
this.length = n;
for (var i = 1; i <= n; i++) {
this[i] = 0 }
return this
}
var ToolTips = new MakeArray(1);
ToolTips[0] = 1; //number of tips
ToolTips[1] = "歡迎參加救國團台中學苑網頁設計研習營";
ToolTips[2] ="這是一個介紹html基本語法的網頁,裡面有很多基礎與法特效!!適合初學者!";
ToolTips[3] = "這裡面有很多可愛的動畫圖檔喔!希望你會喜歡";
function writeTip(imgIndex ){
document.tooltipsform.tips.value=(ToolTips[imgIndex]);
}
-->
</script>

-------------------------------------------------------------------

在 ToolTips[1] = "歡迎參加救國團台中學苑網頁設計研習營"; 中修改未選擇說明時顯示的文字
在 ToolTips[2] ="這是一個介紹html基本語法的網頁,裡面有很多基礎與法特效!!適合初學者!""; 中修改說明一顯示的文字
在 ToolTips[3] = "這裡面有很多可愛的動畫圖檔喔!希望你會喜歡"; 中修改說明二顯示的文字


 

 

 

將原始碼複製到網頁中欲呈現特效的位置

<center>
<form name='tooltipsform'>
<input type="text" name="tips" size="80" value="歡迎參加救國團台中學苑網頁設計研習營">
</form>
<a href="http://wssh0812.myweb.hinet.net/05/002.htm" onMouseOver="writeTip(2);return true" onMouseOut="writeTip(1)">認識網頁設計</a>
<a href="http://wssh0812.myweb.hinet.net/05/104.htm" onMouseOver="writeTip(3);return true" onMouseOut="writeTip(1)">動畫小圖庫</a>
</center>
------------------------------------------------

<input type="text" name="tips" size="50" value="歡迎參加救國團台中學苑網頁設計研習營"> 中修改顯示欄位的長度

 


上一頁下一頁 │                                      │ 回首頁 回特效語法  │