电竞比分网-中国电竞赛事及体育赛事平台

分享

DW網(wǎng)頁設(shè)計:插入交替圖像按鈕

 悟靜 2009-08-20

Flash 中的交替圖像按鈕一直是網(wǎng)頁愛好者喜歡的動畫按鈕,在 Dreamweaver 中只需要幾步簡單的操作,就可以制作出這些極具動感的交替圖像按鈕,而且占用空間少。

 

效果說明建立一組相互交替的圖像,當鼠標移至目標圖像上時,會顯示出另外一幅圖像,就像會動的按鈕,既動感,又時尚,如圖 49-1 所示,實際效果請欣賞隨書光盤中《 Dreamweaver MX 2004 100 例》目錄下的《實例 49 -插入交替圖像按鈕》。

創(chuàng)作思想打開 Dreamweaver MX 2004 軟件,執(zhí)行【插入】 | 【圖像對象】 | 【鼠標經(jīng)過圖像】命令,或者單擊工具欄中 下拉菜單里的【鼠標經(jīng)過圖像】命令,按要求進行設(shè)置,最后保存文件完成制作。

操作步驟

( 1 )打開 Dreamweaver MX 2004 軟件新建文件。

( 2 )可以用兩種方式制作出交替圖像按鈕,如圖 49-2 所示。

( 3 )打開【插入鼠標經(jīng)過圖像】對話框,按圖 49-3 所示進行設(shè)置,選擇圖像文件。

提示:在圖中的第 1 、 2 小步中單擊【瀏覽】按鈕,可以重新選擇圖像的位置。

 

 

( 4 )按快捷鍵 Ctrl+S 保存文件。本實例操作完畢。交換按鈕如果結(jié)合按鈕特效,效果將會更好。

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多