DNN選單樣式研究

2021-04-20 22:37:02 字數 2953 閱讀 5531

dnn選單樣式研究

製作**時,選單的處理還是比較頭痛的,因為它的屬性和樣式非常之多。

屬性名own settingsdefault settings

rightarrow

arrwrght.gif

breadcrumb.gif

downarrow

arrwdown.gif

menu_down.gif

rootbreadcrumbarrow

rtmnitbrarrw.gif

no default value

submenubreadcrumbarrow

sumnitbrarrw.gif

no default value

leftseparator

leftseparatoractive

leftseparatorbreadcrumb

rightseparator

rightseparatoractive

rightseparatorbreadcrumb

rootmenuitemlefthtml

rootmenuitemrighthtml

separator

submenuitemlefthtml

submenuitemrighthtml

separatecss

true

true

userootbreadcrumbarrow

true

true

useskinpatharrowimages

true

false

usesubmenubreadcrumbarrow

true

false

usearrows

true

true

menubarcssclass

mnbar

mainmenu_menubar

menucontainercssclass

mncntr

mainmenu_menucontainer

menubreakcssclass

mnbreak

mainmenu_menubreak

menuiconcssclass

mnicon

mainmenu_menuicon

menuitemcssclass

rtandsumnitno

mainmenu_menuitem

menuitemselcssclass

rtandsumnitho

mainmenu_menuitemsel

rootmenuitemcssclass

rtmnitno

no default css class

rootmenuitemselectedcssclass

rtmnitho

no default css class

rootmenuitemactivecssclass

rtmnitac

no default css class

rootmenuitembreadcrumbcssclass

rtmnitbr

no default css class

submenucssclass

sumncntr

mainmenusubmenu

submenuitemactivecssclass

sumnitac

no default css class

submenuitemselectedcssclass

sumnitho

no default css class

submenuitembreadcrumbcssclass

sumnitbr

no default css class

menurootarrowcssclass

rtmnitarrw

mainmenu_menurootarrow

menuarrowcssclass

sumnitarrw

mainmenu_menuarrow

leftseparatorcssclass

rtmnitleseno

no default css class

leftseparatoractivecssclass

rtmnitleseac

no default css class

leftseparatorbreadcrumbcssclass

rtmnitlesebr

no default css class

separatorcssclass

rtmnitmisprt

no default css class

rightseparatorcssclass

rtmnitriseno

no default css class

rightseparatoractivecssclass

rtmnitriseac

no default css class

rightseparatorbreadcrumbcssclass

rtmnitrisebr

no default css class

上面屬性的用法可以見下面

">
css對應styles:

.rootmenuitemactive,.rootmenuitem等

注意在firefox環境中這些還不夠,你要注意增加

.rootmenuitemactive

td.submenu

td等樣式,否則顯示效果會有一些差別

樣式彈出選單

這個想法來自veer.com,以及他們如何處理t恤尺寸之類的下拉列表。謝謝dennissa。演示 html 我們將在內包裝乙個常規文字輸入,該文字輸入還包含乙個無序列表,該列表將代表彈出選單的值。css 預設情況下,這些列表是隱藏的,但是當單擊觸發它們顯示時,仍會保留所有樣式並準備就緒。size s...

選單動態選中的樣式

最近做專案需要優化一下選單欄,以便於使用者知道自己當前操作的是哪個頁面,就在網上查詢了下資料學習了下並在此總結下 id menu list class sidebar menu href index.html 首頁span a li href info.html 一級選單一span a li cla...

WPF右鍵選單及樣式

wpf中的右鍵選單主要是通過contextmenu來實現,contextmenu的使用有兩種方式 一 在resources中宣告,在控制項中使用。1.在resources中新增contextmenu 2.在控制項中使用contextmenu 定義在哪些地方使用右鍵,在需要使用此右鍵選單的屬性上新增 ...