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 定義在哪些地方使用右鍵,在需要使用此右鍵選單的屬性上新增 ...