2012/08/13 (c)謝碧景編製更新
一、製作JavaScript按鈕:您可先利用『百寶箱』中之『印章圖庫』及『文字工具』,製作如下3個不同的按鈕圖片,以產生動態效果
。3個按鈕圖片為:原始的按鈕、滑鼠移上去時的按鈕MouseOver、按下滑鼠時的按鈕MouseDown。
【操作步驟】
1.如下圖,先將3個不同按鈕物件放在同一視窗內((3個按鈕物件之尺寸大小最好一樣,且分別將文字與蝴蝶圖形群組起來),並選取3個按鈕物件(加按【Shift】鈕),接著執行『網路→Rollover』。
2.在『Rollover』交談窗裡,可設定按鈕的動態效果:
例如:URL欄中:輸入欲超連結之網址,『目標框架』及『替代文字』可選擇性輸入,若欲存透明圖可選GIF圖檔格式。此外,您亦可按下鈕,直接預覽動態按鈕的效果。
3.設定完畢後請按下『確定』鈕,接著會出現一個提示交談窗,如下圖示,提醒您需藉由『檔案->儲存web->存成HTML』功能來儲存。
4.接著視窗畫面如下圖示,請執行『檔案』->『儲存web』->『存成HTML』。
5.如下圖示,按鈕圖檔會自動儲存在資料夾裡。
二、將JavaScript按鈕加入自己的網頁
1.請用記事本開啟剛才儲存的HTML檔,將<SCRIPT LANGUAGE="JavaScript">以下的原始碼一直到</SCRIPT>為止,全部複製並貼到您的網頁原始碼中的<HEAD>到</HEAD>標籤之間。
2.繼續往下找到<BODY>標籤,將<A HREF=.......>以後的語法一直到</A>為止,全部複製並貼到您的網頁原始碼中的<BODY>標籤之下。再將您的網頁存檔,即完成,請預覽測試。