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

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


 

這個範例是本學園1999年版的網頁鏈結特效!也是網友詢問的特效之一,把你的滑鼠移至下方的鏈結圖片或鏈結文字上試試看,很特別吧!會自動切換圖片耶,夠酷了吧!  

麻辣學園

步驟一:用滑鼠將底下<SCRIPT Language="JavaScript"></SCRIPT>這兩個標記內的程式碼(含標記本身藍色的喔),標記起來,按滑鼠右鍵選擇【複製】〈游標不能離開標示起來的反白區喔〉將以下的控制碼先複製起來。

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

步驟三:然後再將 網頁中的<BODY></BODY>標記中間之間的網頁敘述( 有綠色粉藍色敘述兩種)標記起來,按滑鼠右鍵選擇【複製】〈游標一樣不能離開標示起來的反白區〉將控制碼先複製起來。

步驟四:在你的網頁中<BODY></BODY>標記中間你要放置鏈結圖片切換特效的位置上按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!大功告成!

注意:如果你只要單純的圖片切換鏈結,只要使用綠色部分的網頁敘述即可,粉藍色部分的網頁敘述可省略!

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


<SCRIPT Language="JavaScript">
<!--
// Valor工作室小誌 [valor Studio]
inimage=new Image();
inimage.src="bee.gif"   //滑鼠移進時所要顯現的圖檔
outimage=new Image()
outimage.src="ari.gif"  //滑鼠移出,也就是正常顯現的圖片

function mouse_in(change)
{document.images[change].src=inimage.src}
function mouse_out(change)
{document.images[change].src=outimage.src}
--> 
</SCRIPT> 



</HEAD>


<BODY>

<!--移至圖片鏈結所產生的變化敘述-->
<a href="http://www.twbts.com/"> 
<img src="ari.gif" border="0"
name="change" onMouseOver="in('change');" onMouseOut="out('change')"> </a>


 
<!--移至文字鏈結所產生的變化敘述-->
<a href="http://www.twbts.com/" onMouseOver="in('change');" onMouseOut="out('change')">麻辣學園</a> 




</BODY>
</HTML>

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

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