使用Dreamweaver輕松實現(xiàn)交替圖像按鈕制作_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
Flash 中的交替圖像按鈕一直是網(wǎng)頁愛好者喜歡的動畫按鈕,在 Dreamweaver 中只需要幾步簡單的操作,就可以制作出這些極具動感的交替圖像按鈕,而且占用空間少。
效果說明:建立一組相互交替的圖像,當鼠標移至目標圖像上時,會顯示出另外一幅圖像,就像會動的按鈕,既動感,又時尚。
創(chuàng)作思想:打開 Dreamweaver MX 2004 軟件,執(zhí)行【插入】 【圖像對象】 【鼠標經(jīng)過圖像】命令,或者單擊工具欄中 下拉菜單里的【鼠標經(jīng)過圖像】命令,按要求進行設置,最后保存文件完成制作。
操作步驟
( 1 )打開 Dreamweaver MX 2004 軟件新建HTML文件。
�。� 2 )單擊插入菜單,選擇圖象對象,鼠標經(jīng)過圖象,如圖1所示。

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

提示:注重圖象文件的位置,最好和該網(wǎng)頁文件在同一目錄下。
�。� 4 )按快捷鍵 Ctrl S 保存文件。本實例操作完畢。交換按鈕假如結合按鈕特效,效果將會更好。
來源:
相關Dreamweaver教程:
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
- 相關鏈接:
- 教程說明:
Dreamweaver教程-使用Dreamweaver輕松實現(xiàn)交替圖像按鈕制作
。