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

  • 2019-11-06 14:36:34
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

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

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

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

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

第3步,打開(kāi)【跳轉菜單】對話(huà)框,然后在該對話(huà)框中進(jìn)行設置。

第4步,在【文本】文本框中設置項目的標題。

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

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

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

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

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

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

當前文章標題:在網(wǎng)頁(yè)設計中制作跳轉菜單

當前URL:http://amzcoolest.com/news/wzzz/3122.html

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

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

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看