国产探花免费观看_亚洲丰满少妇自慰呻吟_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 ,可以快速制作出以往只能用復雜代碼才能實現的彈出菜單,這樣可以實現復雜菜單的彈出和收縮,方便使用又能讓頁面美觀、整潔。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 揭西县| 陕西省| 大荔县| 修水县| 桃园县| 济阳县| 砀山县| 前郭尔| 樟树市| 阜新市| 和田县| 奉贤区| 永吉县| 正蓝旗| 龙南县| 白水县| 龙川县| 台湾省| 阿图什市| 南岸区| 马公市| 曲水县| 高唐县| 建德市| 玉溪市| 宜城市| 同德县| 盐津县| 凤冈县| 威信县| 阳山县| 长垣县| 顺昌县| 资溪县| 洪泽县| 舞钢市| 礼泉县| 洞口县| 紫云| 临武县| 三亚市|