您現在的位置是:電腦技術吧?>? 編程技術 ??>??dreamweaver個人網頁,dreamweaver??>??正文詳情

dreamweaver個人網頁,dreamweaver

吾力強2019-11-17 15:20:37 人圍觀
簡介dreamweaver實例教程這個例子的效果是,當鼠標移動到文本上時,會彈出一個漂亮的菜單,如圖17-1和圖17-2所示,首先在網頁中輸入一行文本,并對文本進行特殊的超鏈接,然后使用Dreadr

效果說明  本實例所要完成的效果是當鼠標移動到文字上時,就會彈出一個漂亮的菜單,如圖 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 ,可以快速制作出以往只能用復雜代碼才能實現的彈出菜單,這樣可以實現復雜菜單的彈出和收縮,方便使用又能讓頁面美觀、整潔。

版權聲明:本文由 吾力強 整理編輯。

原標題:dreamweaver怎么用,用dreamweaver做網頁

轉載注明出處:http://www.dn9ww09s.icu/program/13205.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • win10steam錯誤代碼-118解決,steam錯誤代碼118

    win10steam錯誤代碼-118解決,steam錯誤代碼118 相關圖片steam創建賬號錯誤代碼118最近,許多小伙伴報告說,他們在使用steam的過程中遇到了錯誤代碼118的提示,這將減慢steam的下載速度。如何解決steam錯誤代碼118?蒸汽下載速度慢怎steam添加好...

  • transition有哪些,transition怎么用

    transition有哪些,transition怎么用 相關圖片transition屬性值有關如何避免問題的具體解決方案或建議,請參閱另一篇有見地的文章,即有關CSS轉換的所有信息。Alex maccaw談到了實現特定效果,我將討論技術背景,主要是使transition怎...

  • 顯卡90度會燒壞嗎,顯卡溫度一直很高怎么辦

    顯卡90度會燒壞嗎,顯卡溫度一直很高怎么辦 相關圖片顯卡溫度一直過高我們都知道顯卡對于游戲體驗的重要性。當游戲的圖像數據過大時,視頻卡的溫度會過高,造成游戲的堵塞,這不僅影響游戲的質量,而且對于操作要求較高的游戲來...

  • CAD標題欄,cad的標題欄怎么做

    CAD標題欄,cad的標題欄怎么做 相關圖片cad制圖標題欄格式CAD作為一種室內設計輔助軟件,擁有大量的忠實用戶。最近,很多用戶都表示不知道如何設置CAD的標題欄,如果CAD的標題欄丟失了該怎么辦。現在,超人軟件編輯將向...

  • canvas畫三角形,canvas畫直角三角形

    canvas畫三角形,canvas畫直角三角形 相關圖片怎么用h5畫三角形Canvas id=Canvas width=500 height=500 style=background color:yellow;/畫布代碼如下:varchtml5畫等邊三角形...

  • yy進去沒有聲音,yy聲音小

    yy進去沒有聲音,yy聲音小 相關圖片yy聲音太小了怎么解決YY是一個非常有用的互動直播平臺,用戶可以使用YY進行語音和視頻通信。但是,有些用戶在使用YY時沒有聲音。如何解決這個問題?①請檢查您的麥克風插孔是否正...

  • 彈出,qq老是彈出信息怎么辦

    彈出,qq老是彈出信息怎么辦 相關圖片來信息不顯示在桌面怎么設置使用彈出行為將顯示一個JavaScript警告和一個OK按鈕1。Dreamweaver CS5彈出消息行為1。選擇頁面元素或對象2。打開行為面板3。單擊“添加行信息提醒在哪里設置...

  • 360瀏覽器一打開就崩潰,360瀏覽器插件崩潰怎么辦

    360瀏覽器一打開就崩潰,360瀏覽器插件崩潰怎么辦 相關圖片360極速瀏覽器一打開就崩潰360瀏覽器是中國最高的用戶群體之一,但隨著用戶的增多,一些問題變得普遍。例如,許多用戶報告360瀏覽器崩潰。怎么了?360瀏覽器崩潰有很多原因360瀏覽...

  • 元素屬性有哪些,元素屬性

    元素屬性有哪些,元素屬性 相關圖片四元素在Dreamweaver中使用更改屬性行為可以更改頁面元素1的屬性值。Dreamweaver更改元素屬性行為1。選擇頁面元素或對象2。打開行為面板3。單擊“添加什么是元素...

  • rtf格式可以編輯嗎,怎么用手機打開rtf格式文件

    rtf格式可以編輯嗎,怎么用手機打開rtf格式文件 相關圖片ppt無法讀取word大綱最近,很多用戶都說他們在工作中收到了RTF文件。那么RTF是什么格式的呢?如何打開RTF文件?接下來,跟隨超人軟件編輯器學習RTF。別錯過了rtf與word...

熱評文章

  • win7顯卡驅動卸載后自動安裝,win7怎么卸載顯卡驅動并重新安裝

    win7顯卡驅動卸載后自動安裝,win7怎么卸載顯卡驅動并重新安裝 相關圖片怎么卸載已有的顯卡驅動很多win7用戶表示,在使用電腦時,由于某些原因,顯卡驅動程序無法正常使用,所以想卸載并重新安裝。那么win7如何卸載視頻卡驅動程序呢?如何安裝顯卡驅動...

  • 標簽布局,div標簽布局

    標簽布局,div標簽布局 相關圖片絕對布局CSS高級版式已經逐漸流行起來,但面對所謂的div CSS版式,人們更為擔心。不要讓div代替table。多層嵌套div會嚴重影響代碼的可讀性。利用HTML為我excel布局標簽在哪兒...

  • 為什么steam市場打不開,steam市場打不開

    為什么steam市場打不開,steam市場打不開 相關圖片steam打不開怎么辦Steam market是全球最大的綜合數字分銷平臺之一。國內外許多游戲玩家都習慣在steam上購買、下載、討論、上傳和分享游戲和軟件。但有些用戶在使用蒸汽時也steam網頁打...

  • win10關閉端口,windows關閉端口

    win10關閉端口,windows關閉端口 相關圖片windows關閉135端口端口445是防止勒索病毒入侵的有效端口。為了防止病毒入侵,很多朋友都關閉了這個網關。因此,不可避免地會影響到以下系統功能。如何打開win10 445端口?讓我們win...

  • iOS開發者,ios13開發者

    iOS開發者,ios13開發者 相關圖片蘋果開發者官網IOS開發者的應用流程如果你是一個開發團隊,在你計劃支付IOS開發者的授權之前,最好先問問你的同事是否有人獲得了開發許可證,因為一個開發許可證最多一年可以授...

  • daemontoolslite破解,daemon tools免費版

    daemontoolslite破解,daemon tools免費版 相關圖片daemontoolslite百度云Daemon Tools Lite是我們日常生活中最常用的虛擬光驅之一。可以打開cue、ISO、CCD等虛擬光驅的鏡像文件(以后支持更多格式)。守護進程T虛擬光驅的序列號...

  • 眼睛一閉,眼睛閉得什么

    眼睛一閉,眼睛閉得什么 相關圖片眼睛閉不上怎么回事技術的飛速發展,日新月異的發展趨勢,以及海量的軟件和材料,都是網頁設計師需要面對的挑戰。但除了這些不斷變化的東西,還有一些基本的技能或能力,設計...

  • popwndexe刪除,popwndlog

    popwndexe刪除,popwndlog 相關圖片dllhost是什么進程我相信很多win7用戶在打開任務管理器后發現了一個名為popwndexe.exe的進程,這個進程占用了大量的CPU。popwndexe.exe是什么進程?爆米花lsass是什么進程...

  • 可視化模板生成,可視化編程

    可視化模板生成,可視化編程 相關圖片可視化表單制作自從CSS3引入動畫(transition和@keyframes,以及它們的轉換)以來,所有的人和馬都對它非常熱情。與JS動畫相比,它更易于編寫(在沒有jQueweb可視化...

  • 360瀏覽器卡死電腦,360瀏覽器特別卡

    360瀏覽器卡死電腦,360瀏覽器特別卡 相關圖片360瀏覽器突然卡最近,很多360瀏覽器用戶和朋友都反映,他們在使用360瀏覽器的過程中總是會遇到麻煩。那么360瀏覽器卡呢?360瀏覽器卡的原因是什么?我不怎么說。接下來,讓我一開...

關注微信

变脸官网查询