在網(wǎng)頁(yè)設(shè)計(jì)中，跳轉(zhuǎn)菜單是鏈接的一種特殊形式。它不僅豐富了網(wǎng)頁(yè)中超鏈接的形式，同時(shí)最大限度地節(jié)省版面。在制作網(wǎng)頁(yè)時(shí)，如果頁(yè)面布局比較緊張，可以使用它將一些不太重要的鏈接進(jìn)行歸類集中。

在Dreamweaver中，利用“跳轉(zhuǎn)菜單”行為可以設(shè)計(jì)彈出式下拉鏈接列表。下拉菜單中的每個(gè)選項(xiàng)都定義一個(gè)超鏈接。當(dāng)瀏覽者選擇菜單中的選項(xiàng)時(shí)，就如同單擊網(wǎng)頁(yè)中的超鏈接文本一樣，跳轉(zhuǎn)到選項(xiàng)所定義的目標(biāo)網(wǎng)頁(yè)。當(dāng)然，在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，還可以利用它鏈接圖片、文檔等對(duì)象。

【操作步驟】第1步，啟動(dòng)Dreamweaver，新建文檔，保存為test.html。將鼠標(biāo)指針定位到預(yù)定義位置，選擇【插入】|【表單】|【選擇】命令，插入一個(gè)空的下拉菜單控件，在【屬性】面板中設(shè)置Name為menu1。

第2步，選擇【窗口】|【行為】命令，打開【行為】面板。單擊【行為】面板列表框上面的按鈕，在打開的下拉菜單中選擇【跳轉(zhuǎn)菜單】行為。

第3步，打開【跳轉(zhuǎn)菜單】對(duì)話框，然后在該對(duì)話框中進(jìn)行設(shè)置。

第4步，在【文本】文本框中設(shè)置項(xiàng)目的標(biāo)題。

在【選擇時(shí)，轉(zhuǎn)到URL】文本框中設(shè)置鏈接網(wǎng)頁(yè)的地址，如http://www.baidu.com/，或者直接單擊【瀏覽】按鈕找到鏈接的網(wǎng)頁(yè)。

第5步，在【打開URL于】下拉列表框中設(shè)置打開鏈接的窗口。如果選中【更改URL后選擇第一個(gè)項(xiàng)目】復(fù)選框，可以設(shè)置在跳轉(zhuǎn)菜單鏈接文件的地址發(fā)生錯(cuò)誤時(shí)，自動(dòng)轉(zhuǎn)到菜單中第一個(gè)項(xiàng)目的網(wǎng)址。

第6步，設(shè)置完成，單擊面板上方的按鈕，可以添加新的鏈接項(xiàng)目，然后按第5步介紹的方法進(jìn)行設(shè)置。當(dāng)選擇【菜單項(xiàng)】列表框中的項(xiàng)目，然后單擊面板上方的按鈕，可以刪除項(xiàng)目。

提示：在網(wǎng)站建設(shè)時(shí)，選擇已經(jīng)添加的項(xiàng)目，然后單擊面板上方的【向上】或者【向下】按鈕調(diào)整項(xiàng)目在跳轉(zhuǎn)菜單中的位置。

第7步，設(shè)置完畢，這時(shí)可以看到在【行為】中自動(dòng)定義了“跳轉(zhuǎn)菜單”行為，根據(jù)需要設(shè)置事件類型，這里設(shè)置為onChange，即當(dāng)跳轉(zhuǎn)菜單的值發(fā)生變化時(shí)，將觸發(fā)跳轉(zhuǎn)行為。

第8步，保存頁(yè)面，在瀏覽器中預(yù)覽，可以看到一個(gè)跳轉(zhuǎn)下拉菜單，當(dāng)選擇不同的搜索引擎時(shí)，會(huì)自動(dòng)跳轉(zhuǎn)到該搜索引擎主頁(yè)。