第三步,點選小圖影像,在它的『屬性』列裡的『連結』欄位填入『javascript:; 』(Java語法)。在開啟右邊的行為面板,按加『新增行為』裡的『調換影像』項目。
設定『調換影像』的設定框!
在『影像』欄位裡點選剛剛取名的影像,再按『瀏覽』抓取要調換的影像,底下兩個項目的預設會是呈現勾選的狀態,表示要執行此動作,『預先載入影像』開啟網頁時就會下載所有調換的影像。所以有時候設定要調換過多張的影像,會使網頁開啟變慢,可參考滴川網站的速度,大概一張影像在25K以下!
『滑鼠滑開時恢復影像』如果沒有勾選的話當調換影像滑鼠離開後,影像就會固定在變換的那張,如有別的構想有這樣的需要,就可把它勾選掉。
在設定好『調換影像』後小圖的影像在行為面板上就會自動出現這兩個項目,一個是滑鼠上移時『onMouseover』被調換的影像就會出現,一個是滑鼠移開時『onMouseOut』影像就會隱藏!如果您想讓滑鼠移出時仍停留在剛變換的影像,直到上移到其它小圖才會再變,步驟4的『恢復影像』項目不要勾選就可以了!
|