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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 城口县| 八宿县| 桓台县| 陵川县| 海阳市| 漾濞| 平阴县| 麦盖提县| 丹凤县| 甘孜县| 商洛市| 保山市| 工布江达县| 仙居县| 东辽县| 嵊泗县| 万全县| 留坝县| 盘锦市| 哈巴河县| 海口市| 安图县| 绵竹市| 凤城市| 蒙山县| 专栏| 东台市| 光山县| 旺苍县| 新兴县| 福泉市| 资源县| 昂仁县| 南木林县| 织金县| 得荣县| 原平市| 施秉县| 阿荣旗| 怀集县| 马关县|