writing your own widget class the dojo toolkit.mht

dojo学习资料,从初级开始学起,是初学都认识dojo的好帮手.

	CURSOR: n-resize
}
.dijitSplitContainerSizerH .thumb {
	POSITION: absolute; TOP: 49%
}
.dijitSplitContainerSizerV .thumb {
	LEFT: 49%; POSITION: absolute
}
.dijitSplitContainerVirtualSizerH {
	FONT-SIZE: 1px; FILTER: Alpha(Opacity=3D50); MARGIN: 0px; CURSOR: =
w-resize; BACKGROUND-COLOR: buttonshadow; opacity: 0.5; -moz-opacity: =
0.5
}
.dijitSplitContainerVirtualSizerV {
	FONT-SIZE: 1px; FILTER: Alpha(Opacity=3D50); MARGIN: 0px; CURSOR: =
w-resize; BACKGROUND-COLOR: buttonshadow; opacity: 0.5; -moz-opacity: =
0.5
}
.dijitSplitContainerVirtualSizerV {
	CURSOR: n-resize
}
.dijitContentPane {
	DISPLAY: block; OVERFLOW: auto
}
.dijitTitlePane {
	DISPLAY: block; OVERFLOW: hidden
}
.dijitColorPalette {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BACKGROUND: =
#fff; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; =
-moz-border-radius: 3pt
}
IMG.dijitColorPaletteUnder {
	LEFT: 0px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; =
BORDER-LEFT-STYLE: none; POSITION: absolute; TOP: 0px; =
BORDER-BOTTOM-STYLE: none
}
.dijitColorPaletteInner {
	OVERFLOW: hidden; POSITION: relative; outline: 0
}
.dijitPaletteImg {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; Z-INDEX: 10; =
OVERFLOW: hidden; BORDER-LEFT: #999 1px solid; WIDTH: 16px; CURSOR: =
default; BORDER-BOTTOM: #999 1px solid; POSITION: absolute; HEIGHT: 14px
}
.dijitPaletteImgHighlight {
	Z-INDEX: 10; OVERFLOW: hidden; WIDTH: 14px; CURSOR: default; POSITION: =
absolute; HEIGHT: 12px
}
.dijitPaletteImg:focus {
	BORDER-RIGHT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-LEFT: =
#000 2px solid; WIDTH: 14px; BORDER-BOTTOM: #000 2px solid; HEIGHT: =
12px; outline: 2px solid #dedede
}
.dijitPaletteImgHighlight {
	BORDER-RIGHT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-LEFT: =
#000 2px solid; WIDTH: 14px; BORDER-BOTTOM: #000 2px solid; HEIGHT: =
12px; outline: 2px solid #dedede
}
.dijitColorPaletteCell {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; =
WIDTH: 16px; BORDER-BOTTOM: 1px solid; HEIGHT: 14px
}
.dijitColorPaletteCell:hover {
	BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: =
solid; BORDER-BOTTOM-STYLE: solid; outline: 0
}
.dijitAccordionPane {
	OVERFLOW: hidden! important
}
.dijitAccordionPane .dijitAccordionBody {
	OVERFLOW: auto
}
.dijitAccordionContainer {
	BORDER-RIGHT: #b7b7b7 1px solid; BORDER-TOP: #b7b7b7 0px solid; =
BORDER-LEFT: #b7b7b7 1px solid; BORDER-BOTTOM: #b7b7b7 1px solid
}
.dijitAccordionPane .dijitAccordionTitle:hover {
	CURSOR: pointer
}
.dijitAccordionPane .dijitAccordionTitle .dijitAccordionArrow {
	FLOAT: right
}
.dijitAccordionPane .dijitAccordionTitle .arrowTextUp {
	DISPLAY: none; FONT-WEIGHT: normal! important; FONT-SIZE: 0.65em; =
FLOAT: right
}
.dijitAccordionPane .dijitAccordionTitle .arrowTextDown {
	DISPLAY: none; FONT-WEIGHT: normal! important; FONT-SIZE: 0.65em; =
FLOAT: right
}
.dijit_a11y .dijitAccordionPane .dijitAccordionTitle .arrowTextUp {
	DISPLAY: inline
}
.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle =
.arrowTextDown {
	DISPLAY: inline
}
.dijit_a11y .dijitAccordionPane-selected .dijitAccordionTitle =
.arrowTextUp {
	DISPLAY: none
}
.dijitCalendarContainer THEAD TR TH {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; =
PADDING-TOP: 0px
}
.dijitCalendarContainer THEAD TR TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; =
PADDING-TOP: 0px
}
.dijitCalendarContainer TBODY TR TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; =
PADDING-TOP: 0px
}
.dijitCalendarContainer TFOOT TR TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; =
PADDING-TOP: 0px
}
.dijitCalendarNextYear {
	MARGIN: 0px 0px 0px 0.55em
}
.dijitCalendarPreviousYear {
	MARGIN: 0px 0.55em 0px 0px
}
.dijitCalendarIncrementControl {
	WIDTH: 1em; CURSOR: hand
}
.dijitCalendarDisabledDate {
	COLOR: gray! important
}
.dijitCalendarBodyContainer TBODY TR TD {
	CURSOR: hand
}
.dijitCalendarPreviousMonthDisabled {
	CURSOR: default! important
}
.dijitCalendarCurrentMonthDisabled {
	CURSOR: default! important
}
.dijitCalendarNextMonthDisabled {
	CURSOR: default! important
}
.dijitCalendarDateTemplate {
	CURSOR: pointer
}
.dijitCalendarSelectedYear {
	CURSOR: pointer
}
.dijitCalendarNextYear {
	CURSOR: pointer
}
.dijitCalendarPreviousYear {
	CURSOR: pointer
}
.dijitCalendarMonthLabelSpacer {
	VISIBILITY: hidden; OVERFLOW: hidden; POSITION: relative; HEIGHT: 1px
}
.dijitMenu {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; =
BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; =
BACKGROUND-COLOR: white
}
.dijitMenuTable {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: =
0px; MARGIN: 1px 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: =
white; BORDER-RIGHT-WIDTH: 0px
}
.dijitMenuItem {
	PADDING-RIGHT: 0.2em; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.1em; =
PADDING-TOP: 0.1em; WHITE-SPACE: nowrap
}
.dijitMenuItemHover {
	CURSOR: hand; COLOR: white; BACKGROUND-COLOR: black
}
.dijitMenuItemIcon {
	BACKGROUND-POSITION: center center; BACKGROUND-REPEAT: no-repeat; =
POSITION: relative
}
.dijitMenuItemDisabled * {
	CURSOR: default; opacity: 0.3
}
.dj_ie .dijit_a11y .dijitMenuItemDisabled TD {
	FILTER: alpha(opacity=3D35); COLOR: gray! important
}
.dj_ie .dijitMenuItemDisabled * {
	FILTER: alpha(opacity=3D35); COLOR: gray! important
}
.dj_ie .dijitMenuItemDisabled TD {
	FILTER: alpha(opacity=3D35); COLOR: gray! important
}
.dijitMenuItemLabel {
	VERTICAL-ALIGN: middle; POSITION: relative
}
.dijit_a11y .dijitMenuItemHover .dijitMenuItemLabel {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; =
BORDER-BOTTOM: 1px solid
}
.dijit_a11y .dijitMenuItemHover {
	BORDER-RIGHT: #fff 1px dotted; BORDER-TOP: #fff 1px dotted; =
BORDER-LEFT: #fff 1px dotted; BORDER-BOTTOM: #fff 1px dotted
}
.dijit_a11y .dijitMenuExpandInner {
	DISPLAY: block! important
}
.dijitMenuSeparatorTop {
	FONT-SIZE: 1px; MARGIN: 3px 0px 0px; HEIGHT: 50%
}
.dijitMenuSeparatorBottom {
	FONT-SIZE: 1px; MARGIN: 0px 0px 3px; HEIGHT: 50%
}
.dijitTabContainer .dijitAlignTop {
	Z-INDEX: 10; TOP: 1px! important
}
.dijitTabContainer .dijitAlignBottom {
	MARGIN-TOP: -1px! important; Z-INDEX: 10
}
.dijitTabContainer .dijitAlignLeft {
	Z-INDEX: 10; MARGIN-RIGHT: -1px! important
}
.dijitTabContainer .dijitAlignRight {
	Z-INDEX: 10; MARGIN-LEFT: -1px! important
}
.dijitTabPaneWrapper {
	OVERFLOW: hidden
}
.dijitTab {
	Z-INDEX: 3; FLOAT: left; CURSOR: pointer; WHITE-SPACE: nowrap; =
POSITION: relative
}
.dijitTabContainer .dijitAlignLeft .dijitTab {
	FLOAT: none
}
.dijitTabContainer .dijitAlignRight .dijitTab {
	FLOAT: none
}
.dijitTabInnerDiv {
	POSITION: relative
}
.dijitTab .close {
	DISPLAY: inline-block; FONT-SIZE: small; CURSOR: default
}
.dijitTab .closeText {
	PADDING-RIGHT: 2px; DISPLAY: none; PADDING-LEFT: 2px; PADDING-BOTTOM: =
0px; MARGIN: 0px 2px; PADDING-TOP: 0px
}
.dijit_a11y .dijitTab .closeImage {
	PADDING-RIGHT: 0px! important; PADDING-LEFT: 0px! important; =
PADDING-BOTTOM: 0px! important; MARGIN: 0px; BOTTOM: 0px! important; =
PADDING-TOP: 0px! important; TOP: 0px! important
}
.dijit_a11y .closeText {
	DISPLAY: inline; MARGIN-LEFT: 6px
}
.dijit_a11y .closeText:hover {
	BORDER-RIGHT: thin solid; BORDER-TOP: thin solid; BORDER-LEFT: thin =
solid; BORDER-BOTTOM: thin solid
}
.dijit_a11y .dijitTabChecked {
	BORDER-TOP-STYLE: dashed! important; BORDER-RIGHT-STYLE: dashed! =
important; BORDER-LEFT-STYLE: dashed! important; BORDER-BOTTOM-STYLE: =
dashed! important
}
.dijit_a11y .dijitTabInnerDiv {
	BORDER-LEFT-STYLE: none! important
}
.dijitInlineEditor {
	VERTICAL-ALIGN: bottom; POSITION: relative
}
.dj_ie .dijitInlineEditor {
	VERTICAL-ALIGN: middle
}
.dijitInlineValue {
=09
}
.dijitInlineEditor .dijitButtonContainer {
	RIGHT: 0px; OVERFLOW: visible; POSITION: absolute
}
.dijitInlineEditor .saveButton {
=09
}
.dijitInlineEditor .cancelButton {
=09
}
.dijitTreeExpando {
	CLEAR: both; DISPLAY: inline; FLOAT: left
}
.dijitTreeExpand {
	DISPLAY: inline; FLOAT: left
}
.dijitTreeContent {
	CURSOR: default
}
.dijitExpandoText {
	DISPLAY: none
}
.dijit_a11y .dijitExpandoText {
	BORDER-RIGHT: thin solid; PADDING-RIGHT: 10px; BORDER-TOP: thin solid; =
DISPLAY: inline; PADDING-LEFT: 10px; FLOAT: left; BORDER-LEFT: thin =
solid; BORDER-BOTTOM: thin solid; FONT-FAMILY: monospace
}
.dijitDialog {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; Z-INDEX: 999; PADDING-BOTTOM: =
1px; PADDING-TOP: 1px; POSITION: absolute
}
.dijitDialogUnderlayWrapper {
	DISPLAY: none; Z-INDEX: 998; BACKGROUND: none transparent scroll repeat =
0% 0%; LEFT: 0px; POSITION: absolute; TOP: 0px
}
.dijitDialogUnderlay {
	BACKGROUND: #eeeeee; opacity: 0.5
}
.dj_ie .dijitDialogUnderlay {
	FILTER: alpha(opacity=3D50)
}
.dijit_a11y .dijitDialog {
	BACKGROUND-COLOR: white! important; opacity: 1
}
.dijitDialog .closeText {
	DISPLAY: none; POSITION: absolute
}
.dijit_a11y .dijitDialog .closeText {
	DISPLAY: inline
}
.dijitSliderMoveable {
	DISPLAY: block; Z-INDEX: 99; VERTICAL-ALIGN: middle; POSITION: =
absolute! important
}
.dijitHorizontalSliderMoveable {
	RIGHT: 0px
}
.dijit_a11y DIV.dijitSliderImageHandle {
	BORDER-RIGHT: gray 8px solid; PADDING-RIGHT: 0px; BORDER-TOP: gray 8px =
solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: =
gray 8px solid; WIDTH: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: gray 8px =
solid; POSITION: absolute! important; HEIGHT: 0px
}
.dijitSliderImageHandle {
	BORDER-RIGHT: gray 8px solid; PADDING-RIGHT: 0px; BORDER-TOP: gray 8px =
solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: =
gray 8px solid; WIDTH: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: gray 8px =
solid; POSITION: absolute! important; HEIGHT: 0px
}
.dijit_a11y .dijitSliderFocused .dijitSliderImageHandle {
	BORDER-RIGHT: #000 4px solid; BORDER-TOP: #000 4px solid; BORDER-LEFT: =
#000 4px solid; WIDTH: 8px; BORDER-BOTTOM: #000 4px solid; HEIGHT: 8px
}
.dijitVerticalSliderImageHandle {
	LEFT: -6px; TOP: -8px
}
.dijitHorizontalSliderImageHandle {
	LEFT: -8px; VERTICAL-ALIGN: top; TOP: -5px
}
.dijitSliderBar {
	BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-STYLE: =
solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; =
BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: black; =
BORDER-BOTTOM-STYLE: solid
}
.dijitHorizontalSliderBar {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: =
1px; HEIGHT: 4px; BORDER-RIGHT-WIDTH: 0px
}
.dijitVerticalSliderBar {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: =
0px; WIDTH: 4px; BORDER-RIGHT-WIDTH: 1px
}
.dijitSliderProgressBar {
	BACKGROUND-COLOR: red
}
.dijitVerticalSliderProgressBar {
	VERTICAL-ALIGN: top; POSITION: static! important; HEIGHT: 0%; =
TEXT-ALIGN: left
}
.dijitHorizontalSliderProgressBar {