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