彈出式選單 Dreamweaver MX內建行為 [ 彈出式選單 ] ,可以輕鬆完成美美的彈出式選單.
注意:
1. 若開啟的是一個新的空白頁面,請先存檔。
2. 要加入彈出式選單,必須要有一個超鏈結當作選單的起點。
1.先輸入文字:彈出式選單範本;再連結處輸入:#;然後先存檔
2.將滑鼠游標放置在該超鏈結上,讓行為( Behaviros )面板上方的標籤顯示是,按下[ + ]後選取顯示彈出式選單
3.在內容設定:
先新增選單項目,在文字:項目選單一;連結:選單連結位址;目標視窗:連結頁面開啟框架位置或視窗,依序新增選單,項目選單一、項目選單二、項目選單三
若預做第二層選單,先新增選單:第二層選單一、第二層選單二
再點選第二層選單一再按下縮排:將第二層選單一變成項目選單一的第二層
當您繼續做第二層選單二,想要變成項目選單一的第二層
結果第二層選單二跑到第三層去了,此時,點選第二層選單二再按下凸排
就可將第二層選單二變成項目選單一的第二層
4.要美化選單,切到外觀設定:
可設定垂直選單或水平選單
字體、大小:設定選單的字體和文字大小
字體可設定粗體、斜體和左、中、右的對齊方式
設定選單文字及儲存格的顏色分為一般狀態和滑鼠滑過時狀態
5.在進階設定:
設定儲存格的寬度、高度:自動(初始值,表示依選單項目內容自動調整寬度和高度),以像素為單位
儲存格內距:指儲存格內容和邊界的間距,以像素為單位
儲存格間距:指相鄰儲存格之間的間距,以像素為單位
文字縮排:指在儲存格內的選單項目文字的縮排數值,以像素為單位
選單延遲:指滑鼠滑過連結到顯示選單過程的時間,以ms為單位
(1秒=1000ms)
彈出式邊框:勾選指選單項目四周顯示邊框(有勾選以下設定才有效)
邊框寬度:設定邊框寬度,以像素為單位
邊框顏色:設定邊框顏色
陰影:設定邊框陰影顏色,在預覽區中不會顯示
標示:設定邊框標示顏色,在預覽區中不會顯示
6.在位置設定:
選單位置:選單顯示位置;X、Y座標:以選單左上角為基準點設定選單的X、Y座標
在滑鼠滑出時事件中隱藏選單:勾選,指滑鼠離開選單時,選單會自動隱藏
7.設定完成,行為面板顯示如下;若要修改點選[顯示彈出式選單]2下,即可修改
[>>> View Sample <<<]
注意:網頁存檔,會產生mm_menu.js和arrows.gif(二層以上彈出式選單使用的箭頭圖示),上傳時別忘了一同上傳,否網頁將無法正常顯示