国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 辦公 > Dreamweaver > 正文

DW MX實例:制作彈出菜單-Dreamweaver教程

2024-09-12 12:29:39
字體:
來源:轉載
供稿:網友

彈出菜單在網頁制作中是一種非經常用的菜單方式,這種菜單不但制作簡單,而且效果也很好。   
  效果說明 本實例所要完成的效果是當鼠標移動到文字上時,就會彈出一個漂亮的菜單,如圖 17-1 和圖 17-2 所示。  

  創作思想 本實例首先在網頁中輸入一行文字,并對文字做一個非凡的超鏈接,然后利用 dreamweaver mx 2004 自帶的行為制作彈出菜單。  

  操作步驟  

  ( 1 )輸入文字并設置超鏈接。在網頁中輸入文字,因為單獨的文本文字是無法添加行為的,按照 dreamweaver 中的約定,將文字的超鏈接設置為“ javascript:; ”才能夠添加行為。所以將文字的超鏈接設為“ javascript:; ”,并執行【顯示彈出式菜單】行為,如圖 17-3 所示。  
按此在新窗口瀏覽圖片

按此在新窗口瀏覽圖片

按此在新窗口瀏覽圖片

  ( 2 )設置菜單項和子菜單項,并為菜單設置超鏈接,然后安排好各個菜單的次序,如圖 17-4 所示。

按此在新窗口瀏覽圖片

( 3 )設置頁面元素。將菜單設置為垂直菜單,并分別設置菜單的字體、字號、對齊方式、一般狀態和鼠標滑過時的狀態,如圖 17-5 所示。

按此在新窗口瀏覽圖片

  ( 4 )設置【高級】標簽。在【高級】標簽選項中設置菜單的延遲時間,以及是否顯示菜單邊框。然后設置邊框的寬度、顏色、陰影、高亮,如圖 17-6 所示。

按此在新窗口瀏覽圖片

  注重:【菜單延遲】中時間的單位是毫秒( ms ), 1000 毫秒等于 1 秒,在設置時注重換算。  

  ( 5 )設置的 x 軸和 y 軸參數。在【位置】標簽選項中設置彈出菜單的 x 軸和 y 軸參數,這兩個參數表示彈出菜單左上角到網頁左上角的距離,如圖 17-7 所示。

按此在新窗口瀏覽圖片

  ( 6 )保存網頁文件,然后在瀏覽器中打開該網頁,將鼠標光標移動到文字上方時即可看到有菜單彈出,本實例操作完畢。通過 dreamweaver ,可以快速制作出以往只能用復雜代碼才能實現的彈出菜單,這樣可以實現復雜菜單的彈出和收縮,方便使用又能讓頁面美觀、整潔。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新乡市| 连南| 依安县| 都江堰市| 大渡口区| 黑水县| 漠河县| 洪湖市| 栾川县| 隆德县| 寿宁县| 临沭县| 垣曲县| 油尖旺区| 阿荣旗| 米脂县| 丹东市| 佛山市| 霍山县| 成武县| 卢龙县| 象州县| 乌海市| 武川县| 太仓市| 芷江| 绥宁县| 饶平县| 桃源县| 环江| 林口县| 铜陵市| 三河市| 二连浩特市| 环江| 永胜县| 巫山县| 勃利县| 大竹县| 牙克石市| 鲜城|