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

首頁 > 網(wǎng)站 > 軟件應(yīng)用 > 正文

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

2024-09-04 21:28:17
字體:
供稿:網(wǎng)友

點(diǎn)評(píng):彈出菜單在網(wǎng)頁制作中是一種非常常用的菜單方式,這種菜單不但制作簡(jiǎn)單,而且效果也很好

效果說明

  本實(shí)例所要完成的效果是當(dāng)鼠標(biāo)移動(dòng)到文字上時(shí),就會(huì)彈出一個(gè)漂亮的菜單,如圖 17-1 和圖 17-2 所示。

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

  創(chuàng)作思想

  本實(shí)例首先在網(wǎng)頁中輸入一行文字,并對(duì)文字做一個(gè)特殊的超鏈接,然后利用 Dreamweaver MX 2004 自帶的行為制作彈出菜單。

  操作步驟

  ( 1 )輸入文字并設(shè)置超鏈接。在網(wǎng)頁中輸入文字,因?yàn)閱为?dú)的文本文字是無法添加行為的,按照 Dreamweaver 中的約定,將文字的超鏈接設(shè)置為“ javascript:; ”才能夠添加行為。所以將文字的超鏈接設(shè)為“ javascript:; ”,并執(zhí)行【顯示彈出式菜單】行為,如圖 17-3 所示。

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

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

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

( 3 )設(shè)置頁面元素。將菜單設(shè)置為垂直菜單,并分別設(shè)置菜單的字體、字號(hào)、對(duì)齊方式、一般狀態(tài)和鼠標(biāo)滑過時(shí)的狀態(tài),如圖 17-5 所示。

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

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

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

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

  ( 5 )設(shè)置的 x 軸和 y 軸參數(shù)。在【位置】標(biāo)簽選項(xiàng)中設(shè)置彈出菜單的 x 軸和 y 軸參數(shù),這兩個(gè)參數(shù)表示彈出菜單左上角到網(wǎng)頁左上角的距離,如圖 17-7 所示。

dreamweaver做網(wǎng)頁實(shí)例教程 制作彈出菜單

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


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 双江| 山西省| 邛崃市| 北碚区| 烟台市| 姚安县| 乐昌市| 竹北市| 嘉兴市| 岫岩| 兰溪市| 江都市| 手游| 阿拉尔市| 杭锦后旗| 平乐县| 泸西县| 仁寿县| 永德县| 重庆市| 石景山区| 榆中县| 乐平市| 米泉市| 潍坊市| 义马市| 磐石市| 独山县| 庆阳市| 日土县| 江华| 兰州市| 辰溪县| 阿克苏市| 嘉义市| 余江县| 玉林市| 大邑县| 剑川县| 娱乐| 永昌县|