轉貼
實製作動態按鈕不一定要使用軟體才可以完成，這裡傲楓就教大家
如何 DIY。
首先準備三張圖片(抱歉，傲楓趕著做的，所以有點醜)
A.gif B.gif C.gif
然後我們使用JavaScript的語法
先在<head>與</head>加入以下的原始碼
<script language="JavaScript">
out1=new Image();
out1.src="A.gif";
over1=new Image();
over1.src="B.gif";
down1=new Image();
down1.src="C.gif";
</script>
其中out1.src 後面的A.gif表示平時按鈕的圖片
over1.src後面的B.gif表示滑鼠放上時按鈕的圖片
down1.src後面的C.gif表示按下按鈕時的圖片
如果要做第二個按鈕就再加入
<script language="JavaScript">
out2=new Image();
out2.src="D.gif";
over2=new Image();
over2.src="E.gif";
down2=new Image();
down2.src="F.gif";
</script>
依此類推。
然後在你想要的地方加入以下的原始碼
<A HREF="xxx.htm" target="_blank" onMouseOut=
"window.status='';on1.src=out1.src" onMouseover=
"window.status='傲楓小築，永遠最用心';on1.src=
over1.src;return true;" onMousedown=
"on1.src=down1.src">
<IMG SRC="A.gif" NAME="on1" border="0"></a>
紅色部份代表超連結的網頁，以及設定新網頁的開啟位置。
藍色部份代表滑鼠放上按鈕時的狀態列敘述，改成你想要的文字即可
紫色部分必須與out1.src的圖片一致。
如果有第二個按鈕，就再加入
<A HREF="xxxx.htm" target="_blank" onMouseOut=
"window.status='';on2.src=out2.src" onMouseover=
"window.status='第二個按鈕的狀態列提示';on2.src=
over2.src;return true;" onMousedown=
"on2.src=down2.src">
<IMG SRC="D.gif" NAME="on2" border="0"></a>
這就是完成後的結果囉！(範例用，所以沒有真的設定超連結)
作者
已記錄
