Dreamweaver MX進(jìn)階教程(三)輕松制作彈出菜單_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
使用Dreamweaver MX的行為,可以直接做出彈出菜單。下面講解制作一個彈出菜單的具體步驟。
1.可以直接給圖片加上彈出菜單。但是不能給文本直接加上彈出菜單。假如需要給文本加上彈出菜單,首先需要把文本變成鏈接。選中文本,在屬性面板的鏈接項輸入“javascript:;”,就給文本加上鏈接了。
2.文本鏈接默認(rèn)的顏色是藍(lán)色,并且有下劃線。假如要更改鏈接文本的外觀使它看上去不是一個鏈接,在代碼視圖下,打到這個鏈接的a href 標(biāo)簽,在后面插入“style="text-decoration:none; color:black"”。
3.在添加彈出式菜單之前需要保存網(wǎng)頁文件。保存網(wǎng)頁之后,打開行為面板,點擊 號。
4.在彈出的菜單中點擊“顯示事件”,選擇“4.0 和更高版本瀏覽器”。
5.點擊 號按鈕,在彈出的菜單中選擇“顯示彈出式菜單”。
6.在“顯示彈出式菜單”中添加彈出菜單,并做外觀和位置的設(shè)置。中文版一看就明白,這里不多說了。
7.做好彈出菜單后,按F12預(yù)覽,在瀏覽器中的效果如下圖。
1.可以直接給圖片加上彈出菜單。但是不能給文本直接加上彈出菜單。假如需要給文本加上彈出菜單,首先需要把文本變成鏈接。選中文本,在屬性面板的鏈接項輸入“javascript:;”,就給文本加上鏈接了。
2.文本鏈接默認(rèn)的顏色是藍(lán)色,并且有下劃線。假如要更改鏈接文本的外觀使它看上去不是一個鏈接,在代碼視圖下,打到這個鏈接的a href 標(biāo)簽,在后面插入“style="text-decoration:none; color:black"”。
3.在添加彈出式菜單之前需要保存網(wǎng)頁文件。保存網(wǎng)頁之后,打開行為面板,點擊 號。
4.在彈出的菜單中點擊“顯示事件”,選擇“4.0 和更高版本瀏覽器”。
5.點擊 號按鈕,在彈出的菜單中選擇“顯示彈出式菜單”。
6.在“顯示彈出式菜單”中添加彈出菜單,并做外觀和位置的設(shè)置。中文版一看就明白,這里不多說了。
7.做好彈出菜單后,按F12預(yù)覽,在瀏覽器中的效果如下圖。
相關(guān)Dreamweaver教程:
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- Dreamweaver MX2004視頻寶典教程 網(wǎng)頁布局
- 用Dreamweaver制作Flash相冊
- 去掉了灰色倒三角的漂亮下拉列表
- Dreamweaver MX進(jìn)階教程(十四)使用server-side include(服務(wù)器端包括)
- Dreamweaver MX進(jìn)階教程(十五)插入具有輔助功能的表格
- 用Dreamweaver8學(xué)習(xí)網(wǎng)頁滾動字幕的制作
- Dreamweaver 入門:使用CSS設(shè)置頁面格式
- Dreamweaver 入門:創(chuàng)建基于表格的頁面布局
- DW MX 2004新功能:圖片處理
- 巧用DW判斷字符串中是否有換行
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver MX進(jìn)階教程(三)輕松制作彈出菜單。