Flash中的交替圖像按鈕一直是網頁愛好者喜歡的動畫按鈕,在Dreamweaver 中只需要幾步簡單的操作,就可以製作出這些極具動感的交替圖像按鈕,而且佔用空間少。
效果說明建立一組相互交替的圖像,當滑鼠移至目標圖像上時,會顯示出另外一幅圖像,就像會動的按鈕,既動感,又時尚,如圖49-1 所示
創作思想打開Dreamweaver MX 2004 軟體,執行【插入】 【影像物件】 【滑鼠經過影像】指令,或點選工具列中下拉選單裡的【滑鼠經過影像】指令,依需求進行設置,最後儲存檔案完成製作。
操作步驟
( 1 )開啟Dreamweaver MX 2004 軟體新建檔案。
( 2 )可以用兩種方式製作出交替影像按鈕,如圖49-2 所示。
( 3 )開啟【插入滑鼠經過影像】對話框,按圖49-3 所示進行設置,選擇影像檔案。
提示:在圖中的第1 、 2 小步驟中點選【瀏覽】按鈕,可以重新選擇影像的位置。
( 4 )按快速鍵Ctrl+S 儲存檔案。本實例操作完畢。交換按鈕如果結合按鈕特效,效果會更好。