Flash 中的交替圖像按鈕一直是網(wǎng)頁愛好者喜歡的動(dòng)畫按鈕,在 Dreamweaver 中只需要幾步簡單的操作,就可以制作出這些極具動(dòng)感的交替圖像按鈕,而且占用空間少。
![]()
效果說明建立一組相互交替的圖像,當(dāng)鼠標(biāo)移至目標(biāo)圖像上時(shí),會(huì)顯示出另外一幅圖像,就像會(huì)動(dòng)的按鈕,既動(dòng)感,又時(shí)尚,如圖 49-1 所示,實(shí)際效果請(qǐng)欣賞隨書光盤中《 Dreamweaver MX 2004 100 例》目錄下的《實(shí)例 49 -插入交替圖像按鈕》。 創(chuàng)作思想打開 Dreamweaver MX 2004 軟件,執(zhí)行【插入】 | 【圖像對(duì)象】 | 【鼠標(biāo)經(jīng)過圖像】命令,或者單擊工具欄中 操作步驟 ( 1 )打開 Dreamweaver MX 2004 軟件新建文件。 ( 2 )可以用兩種方式制作出交替圖像按鈕,如圖 49-2 所示。 ( 3 )打開【插入鼠標(biāo)經(jīng)過圖像】對(duì)話框,按圖 49-3 所示進(jìn)行設(shè)置,選擇圖像文件。 提示:在圖中的第 1 、 2 小步中單擊【瀏覽】按鈕,可以重新選擇圖像的位置。
![]()
![]()
( 4 )按快捷鍵 Ctrl+S 保存文件。本實(shí)例操作完畢。交換按鈕如果結(jié)合按鈕特效,效果將會(huì)更好。 |
|