夜狼直播下载地址_欧洲黄色网,国产视频A,国产成人无AV在线播放,在线麻豆

網絡營銷
使用Dreamweaver和Flash在制作網頁下拉菜單
發布時間:2017-9-4  /  瀏覽數量:

使用Dreamweaver和Flash在制作網頁下拉菜單隨著網頁制作技術的不斷發展,網頁制作水平也在不斷提高,但要制作出一個好的網頁,菜單的設計非常重要。而下拉菜單是網頁中常見的效果之一,即將鼠標移到主菜單或在主菜單上單擊,就會顯示一個彈出菜單,這樣不僅節省網頁排版上的空間,而且使網頁布局簡潔有序。網頁下拉菜單的制作方法很多,有些是通過編寫復雜的JavaScript程序來設計,有些網站建設公司是通過Dreamweaver的顯示或隱藏層的方法來實現,但這些方法或者復雜,或者效果不好,給制作下拉菜單造成一定的困難。

 

其實在Dreamweaver中可以利用Show Pop-up Menu行為,或在 Flash中利用按鈕響應鼠標事件,都可以輕松制作出下拉菜單。

1 在Dreamweaver中利用Show Pop-up Menu行為制作下拉  菜單.

 

1.1 導入主菜單  在網頁中導入事先制作完成的主菜單按鈕。

 

1.2 制作彈出菜單  選中主菜單后,選擇“窗口標簽檢查器”命令,在打開的Tap<img>面板中單擊“+”(行為添加)按鈕,再從顯示的行為列表中選擇用于制作彈出菜單的Show Pop-up Menu(顯示彈出式菜單)命令。

 

步驟1  在顯示彈出式菜單對話框的“目錄”選項卡中文本區域輸入彈出菜單的內容,再單擊“+”添加按鈕,所建立的菜單內容就會出現在對話框中的列表中。可以為其設定鏈接,指定單擊菜單時跳轉的網頁文檔或網站地址。用同樣的方法添加制作要在彈出菜單中顯示的其他菜單。

 

步驟2   在“外觀”選項卡中,設置下拉菜單中的字體、大小、顏色、背景色、排列方式以及鼠標移上去后的文字顏色、背景色等外觀屬性。

 

步驟3   在“高級”選項卡中,設置下拉菜單的寬度、高度,菜單間的空白邊距、文字間距,邊框的寬度、顏色以及陰影、高亮顯示等屬性。

 

步驟4  在“位置”選項卡中,設置下拉菜單與主菜單的位置關系。有4種位置可供選擇:主菜單的右下角、低于且位于主菜單的左邊緣、高于且位于主菜單的左邊緣、主菜單的上邊緣。并且還可以對4種位置關系進行X、Y水平和垂直坐標值的調整。彈出菜單制作完成后。

 

2 在Flash中利用按鈕響應鼠標事件制作下拉菜單

 

2.1 創建文件  新建一個寬400 px,高150 px的Flash文件。

 

2.2 制作主菜單

 

步驟1  通過選擇“插入/新元件”命令,新建一個名為“主菜單”、類型為“按鈕”的元件。

 

步驟2  利用工具箱中矩形工具繪制一個邊框為黑色、填充色為藍色的矩形(或者可以利用其他的工具繪制圓形、不規則圖形,也可以導入一個外部圖片)。調整寬為100 px,高為20 px。通過“設計面板/對齊”功能使矩形位于舞臺正中央(方法:首先選擇“對于舞臺”,再選擇對齊的上下居中、左右居中,才會達到位于舞臺正中央的效果)。

 

步驟3  利用文字工具輸入文字“學習內容”,直接調整文字的大小、字體、顏色等,并將調整好的文字放在矩形中央。也可以給按鈕加上箭頭用以修飾。

 

步驟4   用鼠標右鍵單擊時間軸上的over幀插入關鍵幀,將填充色改為綠色。





上一條: 用dHTMLOutlines插件設計網站建設三級及以上目錄菜單
下一條: 網站建設中使用flash8和Dreamweaver制作彈出菜單
相關熱門資訊  News
一二三客戶案例

  123 NETWORK

合作共贏,助您打開網絡營銷財富之間!

www.testtao.net

合作對接電話:0731-88571521

聯系方式

地址:湖南省長沙市天心區韶山南路248號南園503室

電話:13637482004    0731-88571521

網址:http://www.testtao.net/

郵箱:123@123007.com

在線QQ咨詢

需求咨詢

價格咨詢

微信咨詢

掃一掃進移動端

版權所有 © 長沙一二三網絡技術有限公司    統一社會信用代碼:91430103MACCH7984M    網站ICP備案號:湘ICP備2023006748號     湘公網安備 43010302001803號