在網(wǎng)頁設(shè)計中制作跳轉(zhuǎn)菜單

  • 2019-11-06 14:36:34
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://51zuanshi.com.cn

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

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

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

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

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

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

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

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

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

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

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

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

當(dāng)前文章標(biāo)題:在網(wǎng)頁設(shè)計中制作跳轉(zhuǎn)菜單

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3122.html

上一篇:設(shè)計個人小站

下一篇:在網(wǎng)頁設(shè)計中制作自由拖動層

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)