Dreamweaver MX 2004進階技巧(3)製作快顯功能表

dreamweaver|菜單|進階|技巧

　　利用Dreamweaver MX 2004提供的行為，可以直接做出快顯功能表。下面講解製作一個快顯功能表的具體步驟。

　　1.可以直接給圖片加上快顯功能表。但是不能給文本直接加上快顯功能表。如果需要給文本加上快顯功能表，首先需要把文本變成連結。選中文本，在屬性面板的連結項輸入“javascript:;”，就給文本加上連結了。如圖：

　　2.文本連結預設的顏色是藍色，並且有底線。如果要更改連結文本的外觀使它看上去不是一個連結，切換到程式碼檢視下，打到這個連結的a href 標籤，在後面插入“style="text-decoration:none; color:black"”。如下代碼：

<a href="javascript:;"style="text-decoration:none; color:black">網頁製作</a>
<a href="javascript:;"style="text-decoration:none; color:black">網頁特效</a>
<a href="javascript:;"style="text-decoration:none; color:black">動畫製作</a>
<a href="javascript:;"style="text-decoration:none; color:black">網路編程</a>

　　3．在添加彈出式菜單之前需要儲存網頁檔案。儲存網頁之後，開啟行為面板，點擊+號。

　　4.在彈出的菜單中點擊“顯示事件”，選擇“4.0 和更高版本瀏覽器”。

　　5.點擊+號按鈕，在彈出的菜單中選擇“顯示彈出式菜單”。

　　6．在“顯示彈出式菜單”中添加快顯功能表，並做外觀和位置的設定。中文版一看就明白，這裡不多說了。

　　7.做好快顯功能表後，按F12預覽，在瀏覽器中的效果如下圖。

　　8.最後因為初學，別忘了開啟程式碼檢視看看代碼啊！