Adobe Dreamweaver CC 網頁設計特效教學-選單切換滑動內容-

先產生希望顯示的導覽列影像如下圖： 點選影像，在屬性視窗中地圖部份選取連結的形狀，然後在影像中拉出淺藍色半透明的遮罩，然後輸入連結

請使用本主題，了解如何使用 Spry 選單列 Widget 在 Dreamweaver CS5 和更新版本中建立導覽列。

了解 Dreamweaver 工作區、您可用的不同檢視和工作區，以及 Dreamweaver 中所有不同的面板和工具列。

Spry程式庫裡的「選單列（Menu Bar）」：選擇「插入→Spry→Spry選單列」或者「插入→版面物件→Spry選單列」指令，即可在游標位置插入水平或垂直編排的選單列。

要在 Dreamweaver 中建立下拉式選單，必須先確保該選單和將顯示的選項具有適當的 HTML 標記。 然後，您可以使用 Dreamweaver 的「插入」功能將必要的程式碼新增至網頁上的所需位置。

選單列又稱為導覽列，許多公司的網站都使用選單列的設計（ 例如 Adobe、Autodesk、Microsoft 網站 ）選單列將相關的超連結放在一起，比較不佔用網頁的版面，而且訪客也更容易找到想瀏覽的網頁，選單列是一種網頁上常見的設計。 您可使用 Dreamweaver 建立 Spry 選單列，首先選擇水平或垂直的選單列。 網頁上新增了 Spry 選單列的預設項目，接著可以利用屬性面板修改選單列的項目。 接著編輯選單的文字與連結位址。 Spry 選單列的功能必須配合外部 JavaScript 程式、CSS