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

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


 

讓瀏覽者自己決定瀏覽網頁的背景底色這是一個很貼新的設計呦!這個特效並不需要瀏覽者按滑鼠按鈕來決定那麼麻煩,我們可以設一個簡易的表格,裡面放一些顏色圖檔,當滑鼠移至顏色圖片上就自動更換網頁的背景色喔!

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

步驟二:然後在網頁中的<BODY>標記 之後按滑鼠右鍵選擇【貼上】將剛剛複製的東東貼上!

步驟三:將原始碼中橘紅地方的內容改成你要顯現的圖片檔名

步驟四:將原始碼中綠色的內容改成相對於圖片顏色的RGB顏色碼。大功告成!

注意:如果你需要RGB色碼查詢程式可至本網之[軟體開發]單元中下載。

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

</HEAD>

<BODY>

<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><img border="0" src="
color1.gif" width="16" height="16" onmouseover="document.bgColor='FF4000'"></td>
<td><img border="0" src="
color2.gif" width="16" height="16" onmouseover="document.bgColor='E90080'"></td>
<td><img border="0" src="
color3.gif" width="16" height="16" onmouseover="document.bgColor='0000FF'"></td>
<td><img border="0" src="
color4.gif" width="16" height="16" onmouseover="document.bgColor='00FF00'"></td>
<td><img border="0" src="
color5.gif" width="16" height="16" onmouseover="document.bgColor='FF0000'"></td>
</tr>
</table>


</BODY>
</HTML>

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

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