Siteserver-顯示管理-菜單顯示管理

導(dǎo)航: 上一頁

菜單顯示管理

菜單顯示方式介紹

菜單顯示方式用于控制導(dǎo)航欄中的菜單顯示的各項屬性，菜單顯示方式主要控制鼠標移上后顯示的二級欄目的顯示方式，如下圖所示的是一個鼠標移上后就會顯示二級欄目的導(dǎo)航菜單：

如果在網(wǎng)站中的導(dǎo)航欄中顯示的菜單只需要一種風格，那么只需要編輯系統(tǒng)存在的默認菜單顯示方式就可以了，而不必添加其他菜單顯示方式，如果有特殊需要的話可以添加新的菜單顯示方式以在同一個導(dǎo)航欄中顯示不同風格的菜單。

編輯默認菜單顯示樣式或者自定義菜單樣式

點擊左側(cè)菜單“顯示管理”→“菜單顯示管理”，在右側(cè)的界面中點擊“系統(tǒng)菜單顯示方式”后面的“編輯”，進入編輯界面：

• 菜單顯示方式名稱：填寫該菜單顯示方式的名稱，因為該顯示方式是系統(tǒng)的，所以該處不能修改；
• 菜單顯示類型：選擇二級欄目菜單的顯示方向，是水平顯示還是垂直顯示；
• 字體：選擇導(dǎo)航欄中內(nèi)容顯示所使用的字體；
• 字體大?。簯?yīng)用于菜單項的字體大小，必須為數(shù)字；
• 粗體：導(dǎo)航欄中的顯示項是否要加粗顯示；
• 斜體：導(dǎo)航欄中的顯示項是否用斜體；
• 水平排列方式：導(dǎo)航欄中顯示項的水平對齊方式；
• 垂直排列方式：導(dǎo)航欄中顯示項的垂直對齊方式；
• 一般狀態(tài)下文本顏色：設(shè)置菜單在一般狀態(tài)下的文本顏色，填寫顏色的16進制代碼，也可以點擊后面的“選擇”來選擇顏色；
• 一般狀態(tài)下單元格顏色：設(shè)置菜單在一般狀態(tài)下文本所在的單元格的背景顏色，填寫顏色的16進制代碼，也可以點擊后面的“選擇”來選擇顏色；
• 滑過狀態(tài)下文本顏色：設(shè)置鼠標滑過時的文本顏色，填寫顏色的16進制代碼，也可以點擊后面的“選擇”來選擇顏色；
• 滑過狀態(tài)下單元格顏色：設(shè)置鼠標滑過時文本所在的單元格的背景顏色，填寫顏色的16進制代碼，也可以點擊后面的“選擇”來選擇顏色；
• 水平菜單位置：設(shè)置二級欄目菜單的水平相對位置，可以為負值，一般不用修改該值；
• 垂直菜單位置：設(shè)置二級欄目菜單的垂直相對位置，可以為負值，一般不用修改該值；

• 在發(fā)生onMouseOut事件時隱藏菜單：當鼠標移出二級欄目菜單的時候菜單是不是要隱藏；
• 單元格寬度：二級欄目菜單的顯示項的表格寬度；“單元格寬度”是根據(jù)最寬的項自動設(shè)置的；若要增加單元格寬度，請在 “單元格寬度”文本框中顯示的值更大的值（單*位：象素）；
• 單元格高度：“單元格高度”是根據(jù)顯示項的高度自動設(shè)置的；若要增加單元格高度，請在 “單元格高度”文本框中顯示的值更大的值（單位：象素）；
• 單元格邊距：顯示項單元格內(nèi)容和其邊框之間的像素數(shù)；
• 單元格間距：相鄰單元格之間的像素數(shù)；
• 文本縮進：菜單項中的文本在單元格中的縮進距離（以像素為單位）；
• 菜單延遲：設(shè)置從用戶將鼠標指針移動到觸發(fā)圖像或鏈接上，到二級欄目菜單出現(xiàn)之間的時間間隔。該值以毫秒為單位，因此默認設(shè)置 1000 相當于 1 秒。對于所需的每秒延遲，都添加 000；例如，對于 3 秒延遲，請鍵入 3000；
• 菜單邊框：確定二級欄目菜單中各項周圍是否顯示邊框；
• 邊框?qū)挾龋翰藛芜吙虻膶挾?，單位為象素?/li>
• 陰影顏色：選擇菜單邊框的陰影顏色，以突顯二級菜單的立體效果；
• 邊框顏色：選擇菜單的邊框顏色；
• 高亮顯示顏色：選擇菜單邊框高亮顯示的顏色，以突顯二級菜單的立體效果；
• 子菜單顯示圖片：設(shè)置子菜單項右邊顯示的小圖標；
• 菜單顯示簡介：填寫此菜單顯示方式的簡介；
• 是否默認菜單顯示：是否把該顯示方式默認為菜單的默認顯示方式。

自定義菜單樣式

點擊左側(cè)菜單“顯示管理”→“菜單顯示管理”，在右側(cè)的界面中點擊“添加菜單顯示方式”，進入編輯界面，所填項解釋如上。例如新添加的菜單方式名稱為“123”，那么在頁面中采用這個顯示方式時就應(yīng)寫成<stl:menu menuDisplay="123"></stl:menu>。

如需關(guān)于菜單顯示標簽的使用，請參考stl:menu。

參考資料

• SiteServer官方