麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

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

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

2024-09-04 21:28:17
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

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

效果說(shuō)明

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

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

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

  創(chuàng)作思想

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

  操作步驟

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

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

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

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

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

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

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

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

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

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

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

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


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 97久色| 国产在线1区 | 麻豆传传媒久久久爱 | 欧美一区二区三区中文字幕 | 免费一级毛片电影 | 黄色免费小网站 | 国产免费午夜 | 久久久久久久久国产 | 国产精品久久久久久久午夜片 | 特大黑人videos与另类娇小 | 毛片在线视频在线播放 | 热99在线| 91精品国产91久久久久久吃药 | 午夜视频在线观看免费视频 | 看免费黄色一级片 | 久久久久久久高清 | 性少妇chinesevideo | 国产毛片视频 | 一区二区精品在线 | 国产一级一级 | 亚洲视频在线免费看 | www.17c亚洲蜜桃 | 性少妇videosexfreexx入片 | 欧美.com| 一级毛片电影院 | 成人黄色小视频在线观看 | 涩涩屋av | 国产精品久久久乱弄 | 国产成人视屏 | 激情网站免费观看 | 国产免费久久久久 | 狠狠干精品视频 | 国产精品成人亚洲一区二区 | 国产免费成人在线 | 调教小男生抽打尿孔嗯啊视频 | 国产午夜精品一区二区三区免费 | 91成人在线免费视频 | 毛片在线免费 | 日本在线一区二区 | 黄在线观看在线播放720p | 久草手机在线观看视频 |