- 浏览: 89662 次
- 性别:
- 来自: 宜昌
文章分类
最新评论
-
chenaha:
不知道大哥是否会用sencha touch,我想写一个这样的效 ...
用ext读取XML写一个“省-市-邮编”三级联动
/* YUI CSS Reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* ------------- * commom * * ------------- */ body{font-family: "微软雅黑", "宋体", Arial, sans-serif; font-size: 12px; } .l-clear{ clear:both; width:1px; height:1px; overflow:hidden;} .l-hidden {display: none;} .l-loading { position: absolute;z-index: 91000; top:40%; left:50%; overflow:hidden; background:url('../images/common/loading.gif') no-repeat 0px 0px;width:24px; height:24px; display:none; } /* ------------- * 滚动条颜色 * * ------------- */ .l-scroll { scrollbar-face-color:#C6D7FF; scrollbar-3dlight-color:#B5CBF7; scrollbar-darkshadow-color:#B5CBF7; scrollbar-base-color:#B5CBF7; scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF; scrollbar-track-color:#FFF; scrollbar-arrow-color:#4A6184; } .l-noscroll { overflow:hidden; } /* Resizable */ .l-resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:101; background:#f2f1f1;} .l-resizable-h-l { cursor:nw-resize; top:0; left:0; z-index:103;} .l-resizable-h-r { cursor:ne-resize; top:0; right:0; z-index:103;} .l-resizable-h-c { width:100%; cursor:n-resize; top:0; left:0; z-index:102;} .l-resizable-c-l { cursor:w-resize; top:0; left:0; z-index:102;} .l-resizable-c-r { cursor:e-resize; top:0; right:0; z-index:102;} .l-resizable-f-l { cursor:sw-resize; bottom:0; left:0; z-index:103;} .l-resizable-f-r { cursor:se-resize; bottom:0; right:0; z-index:103;} .l-resizable-f-c { width:100%; cursor:s-resize; bottom:0; left:0; z-index:102;} .l-resizable-h-l, .l-resizable-h-r, .l-resizable-h-c,.l-resizable-c-l, .l-resizable-c-r,.l-resizable-f-l, .l-resizable-f-r, .l-resizable-f-c { display:block; overflow:hidden; width:6px; height:6px; position:absolute;} /* -------------- * icon * * ------------ */ .l-icon-checkbox {background:url('../images/icon/checkbox.gif') no-repeat center;} /* ------------- * 按钮 * * ------------- */ .l-button { display:block;border: solid 1px #A3C0E8; width:50px ; height:20px; overflow:hidden; line-height:20px; background: #E0EDFF url(../images/controls/button-bg.gif) repeat-x center; text-align:center;color: #2C4D79; text-decoration:none; cursor:pointer; } .l-button-over,.l-button:hover {background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886; } .l-btn { display:block; height:21px; overflow:hidden; line-height:22px; position:relative; padding-left:15px; padding-right:15px; cursor:pointer; background: #E0EDFF url(../images/controls/btn.gif) repeat-x; text-align:center;color: #2C4D79; text-decoration:none; cursor:pointer; } /* 按钮左边部位 */ .l-btn-l { position:absolute; width:3px; left:0px; top:0px;height:21px; background: #E0EDFF url(../images/controls/btn-l.gif) no-repeat; } /* 按钮右边部位 */ .l-btn-r {position:absolute; width:3px; right:0px; top:0px;height:21px; background: #E0EDFF url(../images/controls/btn-r.gif) no-repeat; } /* ------------------ * messagebox * * --------------- */ .l-messagebox{ position:absolute;top:100px; left:100px; width:300px; background:#F2F8FF;border-bottom:1px solid #82BCD8;z-index: 9001; } .l-messagebox-title{ background:url('../images/box/box-top.gif') repeat-x; height:21px; line-height:21px; color:White; font-weight:bold;} .l-messagebox-image{ width:35px; height:35px; overflow:hidden; display:none; position:absolute; top:30px; left:15px;} .l-messagebox-image-donne{background:url('../images/box/box-btn-done.gif') no-repeat; } .l-messagebox-image-error{background:url('../images/box/box-btn-error.gif') no-repeat; } .l-messagebox-image-question{background:url('../images/box/box-btn-question.gif') no-repeat; height:44px; } .l-messagebox-image-warn{background:url('../images/box/box-btn-warn.gif') no-repeat; } .l-messagebox-title-inner{ padding-left:10px;} .l-messagebox-content{ padding-left:20px; padding-top:10px;padding-bottom:20px;} .l-messagebox-buttons{ height:30px; position:relative; text-align:center; margin-top:4px;} .l-messagebox-buttons-inner{ margin-left:10px;} .l-messagebox-close{ width:13px; height:13px; overflow:hidden; position:absolute; right:4px;top:4px; background:url('../images/box/box-close.gif') no-repeat; cursor:pointer;} .l-messagebox-close-over{background:url('../images/box/box-close-over.gif') no-repeat;} .l-messagebox-lt{width:3px; height:3px; overflow:hidden; background:url('../images/box/box-lefttop.gif') no-repeat; position:absolute; top:0; left:0; z-index:12;} .l-messagebox-rt{width:3px; height:3px; overflow:hidden; background:url('../images/box/box-righttop.gif') no-repeat; position:absolute; top:0; right:0;z-index:12;} .l-messagebox-l{ background:#82BCD8; width:1px; height:100%; position:absolute; top:0px; left:0px;overflow:hidden; } .l-messagebox-r{ background:#82BCD8; width:1px; height:100%; position:absolute; top:0px; right:0px; overflow:hidden; } .l-messagebox-btn{ height:24px; overflow:hidden;background:url('../images/box/box-btn.gif') repeat-x; width:70px; line-height:24px; cursor:pointer; position:relative; float:left; margin-left:5px;} .l-messagebox-btn-over{background:url('../images/box/box-btn-over.gif') repeat-x;} .l-messagebox-btn-inner{ text-align:center;} .l-messagebox-btn-l{ height:24px; position:absolute; left:0px; top:0px; width:4px; background:url('../images/box/box-btn-l.gif') no-repeat;} .l-messagebox-btn-l-over{background:url('../images/box/box-btn-l-over.gif') no-repeat;} .l-messagebox-btn-r{ height:24px; position:absolute; right:0px; top:0px; width:4px; background:url('../images/box/box-btn-r.gif') no-repeat;} .l-messagebox-btn-r-over{background:url('../images/box/box-btn-r-over.gif') no-repeat;} /* -------------- * window * * ------------ */ .l-window-mask{ position:absolute;left:0;top:0;width:100%;height:100%; filter:alpha(opacity=10);opacity:0.10;background:#bbb;display1:none;font-size:1px; *zoom:1;overflow:hidden; display:none;z-index: 9000; } .l-window-mask-nobackground{ position:absolute;left:0;top:0;width:100%;height:100%; display1:none;font-size:1px; *zoom:1;overflow:hidden; display:none;z-index: 9000; } .l-window-dragging { filter:alpha(opacity=80);opacity:0.80; } .l-window-dragging .l-window-content { visibility:hidden; } .l-window{ position:absolute; border:1px solid #AFCCF1;background:#F5F8F9;z-index:100; left:0; top:0;margin:0;padding:0; } .l-window-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px; background:#E2EDFE url('../images/panel/panel-header.gif') repeat-x; overflow:hidden;} .l-window-header-buttons{position:absolute; top:3px; right:3px; height:20px; } .l-window-toggle{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:0px 0px; cursor:pointer; margin-left:5px; } .l-window-min{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-16px 0px; cursor:pointer; margin-left:5px; } .l-window-max{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-16px -16px; cursor:pointer; margin-left:5px; } .l-window-regain{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-32px -16px; cursor:pointer; margin-left:5px; } .l-window-toggle-close { background-position:0px -16px; } .l-window-close{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-32px 0px; cursor:pointer; margin-left:5px; } .l-window-content{ overflow:hidden; width:100%;} .l-window-content iframe{border:none; width:100%; height:100%;} /* -------------- * dialog * * ------------ */ .l-dialog{ position:absolute;z-index: 10000; display:none; } .l-dialog-table{ } .l-dialog-body{ position:relative; overflow:hidden;} .l-dialog{ padding:0; margin:0;font-size:12px; } .l-dialog td,.l-dialog tr,.l-dialog td div{font-size:12px; } .l-dialog-cc{ background:white;} .l-dialog-tl,.l-dialog-tr,.l-dialog-bl,.l-dialog-br,.l-dialog-cl,.l-dialog-cr{width:13px;} .l-dialog-tl,.l-dialog-tc,.l-dialog-tr{ height:33px;} .l-dialog-bl,.l-dialog-bc,.l-dialog-br{ height:13px;} .l-dialog-tl{background:url('../images/dialog/dialog-tl.png') no-repeat;} .l-dialog-tc{background:url('../images/dialog/dialog-tc.png') repeat-x;} .l-dialog-tr{background:url('../images/dialog/dialog-tr.png') no-repeat;} .l-dialog-bl{background:url('../images/dialog/dialog-bl.png') no-repeat;} .l-dialog-bc{background:url('../images/dialog/dialog-bc.png') repeat-x;} .l-dialog-br{background:url('../images/dialog/dialog-br.png') no-repeat;} .l-dialog-cl{background:url('../images/dialog/dialog-cl.png') repeat-y;} .l-dialog-cr{background:url('../images/dialog/dialog-cr.png') repeat-y;} .l-dialog-tc-inner{ position:relative;height:26px; line-height:26px; width:100%; } .l-dialog-title { color:#FFF; font-weight:700; text-shadow:0 0px 3px rgba(0, 0, 0, 0.7); padding-left:20px; padding-right:20px; text-align:left; padding-top:3px;} .l-dialog-tc-inner .l-dialog-icon{ position:absolute; left:3px; top:11px; width:11px; height:11px; overflow:hidden; background:url('../images/dialog/dialog-title-icon.png'); } .l-dialog-close{ position:absolute; right:0px; top:5px; background:url('../images/dialog/dialog-close.png') no-repeat; width:26px; height:15px; overflow:hidden; background-position:0px 0px; cursor:pointer; _top:6px;} .l-dialog-close-over{ background-position:0px -15px;} .l-dialog-content{ padding-left:20px; padding-top:16px;padding-bottom:20px;} .l-dialog-content-noimage {padding-left:6px; padding-top:10px;padding-bottom:10px;} .l-dialog-content-nopadding{ padding:0;} .l-dialog-content iframe {border: none;width: 100%;height: 100%;} .l-dialog-image{ width:48px; height:48px; overflow:hidden; display:none; position:absolute; top:10px; left:10px;background:url('../images/dialog/dialog-icons.png') no-repeat;} .l-dialog-image-donne{ background-position:0px 0px; } .l-dialog-image-error{ background-position:0px -48px; } .l-dialog-image-question{ background-position:0px -144px; } .l-dialog-image-warn{ background-position:0px -96px; } .l-dialog-buttons{ height:30px; line-height:30px; position:relative;margin-top:4px; background:#f6f6f6; padding-top:6px;} .l-dialog-buttons-inner{} .l-dialog-btn{ height:24px; overflow:hidden;background:url('../images/box/box-btn.gif') repeat-x; width:70px; line-height:24px; cursor:pointer; position:relative; float:right; margin-right:5px;} .l-dialog-btn-over{background:url('../images/box/box-btn-over.gif') repeat-x;} .l-dialog-btn-inner{ text-align:center;} .l-dialog-btn-l{ height:24px; position:absolute; left:0px; top:0px; width:4px; background:url('../images/box/box-btn-l.gif') no-repeat;} .l-dialog-btn-over .l-dialog-btn-l{background:url('../images/box/box-btn-l-over.gif') no-repeat;} .l-dialog-btn-r{ height:24px; position:absolute; right:0px; top:0px; width:4px; background:url('../images/box/box-btn-r.gif') no-repeat;} .l-dialog-btn-over .l-dialog-btn-r{background:url('../images/box/box-btn-r-over.gif') no-repeat;} .l-dialog-inputtext{ width:280px; border:1px solid #0099CC; line-height:23px; height:25px;} .l-dialog-textarea{ width:280px; border:1px solid #0099CC; height:80px;} .l-dialog .l-resizable-h-l { top:2px; left:2px;} .l-dialog .l-resizable-h-r { top:2px; right:2px;} .l-dialog .l-resizable-h-c { top:2px; left:2px;} .l-dialog .l-resizable-c-l { top:2px; left:2px; } .l-dialog .l-resizable-c-r { top:2px; right:2px; } .l-dialog .l-resizable-f-l { bottom:2px; left:2px;} .l-dialog .l-resizable-f-r { bottom:2px; right:2px; } .l-dialog .l-resizable-f-c { bottom:2px; left:2px; } /* ------------- * 多行文本框颜色 * * ------------- */ .l-textarea{border:1px solid #A8AAAD; margin-left:-1px;outline:none;} .l-textarea:hover{border-color:#01AAEE;} l-textarea-invalid,.l-textarea:focus{ border-color:#FF8801;} /* ------------- * 文本框/下拉框/日期框/调整器 * * ------------- */ /* 文本框、下来框、日期框、调整器都使用到这个 */ .l-text { position:relative; border:1px solid #AECAF0; height:20px; line-height:20px; width:130px; background:white; } .l-text-invalid{ border-color:#FF8801;} /* 编辑状态 */ .l-text-editing { } /* 表单文本框 input:text */ .l-text-field { position:absolute; top:0px; left:0px; width:110px; border:0; margin:0; outline:none; } /* 表单文本框 内容为空时 */ .l-text-field-null { color:#C1C1C1; } /* 下拉框/日期/调整器 右侧那个可点击的区域 分别是普通、经过、按住状态 */ .l-trigger,.l-trigger-hover,.l-trigger-pressed { cursor:pointer; position:absolute; top:1px;right:1px; width:16px;height:16px; overflow:hidden; } .l-trigger { border:1px solid #AECAF0; background:#DBEBFF url('../images/controls/bg-trigger.gif') repeat-x left; } .l-trigger-hover { border:1px solid #EABE4E; background:#fedc75 url('../images/controls/bg-trigger-over.gif') repeat-x left; } .l-trigger-pressed { border:1px solid #EABE4E; background:#fedc75 url('../images/controls/bg-trigger-pressed.gif') repeat-x left; } /* 下拉框/日期 右侧那个可点击的区域里面的图标 */ .l-trigger-icon { width:100%; height:100%; background:url('../images/icon/icon-down.gif') no-repeat 50% 50%; } /* ------------- * 调整器 * * ------------- */ .l-spinner-up .l-spinner-icon,.l-spinner-down .l-spinner-icon{overflow: hidden;position: absolute;left: 0px;top: 50%;margin-top: -3px;width: 100%;height: 6px;background: no-repeat center top;} .l-spinner-down-over,.l-spinner-up-over{background:#fedc75 url('../images/controls/bg-trigger-over.gif') repeat-x left;} .l-spinner-up .l-spinner-icon{background-image: url(../images/icon/icon-up.gif);} .l-spinner-down .l-spinner-icon{background-image: url(../images/icon/icon-down.gif);} .l-spinner-up,.l-spinner-down {width: 100%;height: 50%;overflow: hidden;display: block;position: absolute;left: 0px;top: 0px;} .l-spinner-down{top: 50%;} .l-spinner-split{overflow: hidden;width: 13px;height: 1px;position: absolute;left: 1px;top: 50%;z-index: 10;background: #B5B8C8; } /* ------------- * 验证 * * ------------- */ .l-verify-star { color:Red;} /* ------------- * 下拉框 * * ------------- */ .l-box-select-grid{border-bottom:1px solid #A3C0E8;border-right:1px solid #A3C0E8;} .l-box-select-grid thead td,.l-box-select-grid tr.l-table-headerow td{ background:#DBEBFF url('../images/controls/bg-panel-title.gif') repeat-x left; } .l-box-select-grid td{padding:0;margin:0;height:22px; line-height:22px; border-left:1px solid #A3C0E8;border-top:1px solid #A3C0E8; } .l-box-select { display:none; position:absolute; padding:0px; border:1px solid #AECAF0; background:white; width:130px; height:120px; margin-top:1px; z-index:103; font-size:12px; line-height:18px; } .l-box-select-inner{ margin:0; padding:0; width:100%;overflow:auto; height:100%;color:#333;} .l-box-select-inner .l-box-select-table{margin:0; padding:0; width:100%; } .l-box-select .l-table-nocheckbox td:hover,.l-box-select .l-table-nocheckbox td.l-over{ background-color:#FFE7A2; cursor:pointer;} .l-box-select .l-table-nocheckbox td.l-selected{ background-color:#FFBD69;} .l-box-select .l-box-select-table td{ padding:2px; text-align:left;} /* 下拉框 右下角调整大小图标 */ .l-btn-nw-drop { position:absolute; right:0px;bottom:0px; width:8px; height:8px;background:url('../images/icon/icon-drop.gif') no-repeat 50% 50%; } /* ------------- * 复选框 * * ------------- */ .l-checkbox-wrapper{ display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline;margin:0 auto;margin-right:2px; padding:0;} a.l-checkbox { background:url('../images/controls/checkbox.gif') no-repeat 0 0; vertical-align: middle; height: 13px; width: 13px; margin:0 auto; overflow:hidden; display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline; } a.l-checkbox-checked { background-position:0 -13px; } .l-over a.l-checkbox { background-position:-13px 0px; } .l-over a.l-checkbox-checked { background-position:-13px -13px; } /* ------------- * 单选框 * * ------------- */ .l-radio-wrapper{ display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline; margin-right:2px; } a.l-radio { background:url('../images/controls/radio.gif') no-repeat 0 0; vertical-align: middle; height: 13px; width: 13px; overflow:hidden; display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline; } a.l-radio-checked { background-position:0 -13px; } .l-over a.l-radio { background-position:-13px 0px; } .l-over a.l-radio-checked { background-position:-13px -13px; } /* ----------------------- * 日期控件 * * ----------------------- */ .l-box-dateeditor { position:absolute; padding:0px; overflow:hidden; border:1px solid #A3C0E8; background:white; width:200px; margin-top:1px; z-index:9999; } .l-box-dateeditor-header { width:100%; height: 23px; background:url(../images/controls/dateeditor-header-bg.gif) repeat-x -2px center; text-align:center; position:relative; } .l-box-dateeditor-header-text { margin:0 auto; color:#1542B3; line-height:23px; font-weight:lighter; } .l-box-dateeditor-header-text a {color:#1542B3; text-decoration:none;cursor:pointer; } .l-box-dateeditor-header-btn { top:0;width:23px; height:23px;position:absolute; cursor:pointer; } .l-box-dateeditor-header-btn-over { background: url(../images/icon/bar-button-over.gif) no-repeat center; } .l-box-dateeditor-header-btn span { width:20px; height:20px; display:block; position:absolute; top:2px; left:2px; } .l-box-dateeditor-header-prevmonth{left:24px; } .l-box-dateeditor-header-prevmonth span{background: url(../images/dateeditor/icon-prev.gif) no-repeat center;} .l-box-dateeditor-header-nextmonth{right:24px;} .l-box-dateeditor-header-nextmonth span{background: url(../images/dateeditor/icon-next.gif) no-repeat center;} .l-box-dateeditor-header-prevyear{left:4px; } .l-box-dateeditor-header-prevyear span{background: url(../images/dateeditor/icon-first.gif) no-repeat center;} .l-box-dateeditor-header-nextyear{ right:4px;} .l-box-dateeditor-header-nextyear span{background: url(../images/dateeditor/icon-last.gif) no-repeat center;} .l-box-dateeditor-body{border:1px solid #A3C0E8; border-left:none; border-right:none; text-align:center; position:relative; } .l-box-dateeditor-body table{ margin:0 auto;} .l-box-dateeditor-monthselector,.l-box-dateeditor-yearselector,.l-box-dateeditor-hourselector,.l-box-dateeditor-minuteselector{ background:white; list-style:none; margin:0 auto; padding:0; position:absolute;top:0px;left:0px; width:100%; display:none; height:100%; overflow:hidden;} .l-box-dateeditor-minuteselector{ overflow:auto;} .l-box-dateeditor-monthselector li{ float:left; width:50px; line-height:20px; height:20px; margin:5px; margin-top:5px;border:1px solid #d3d3d3; cursor:pointer;} .l-box-dateeditor-yearselector li{ float:left; width:50px; line-height:20px; height:20px; margin:5px; margin-top:5px;border:1px solid #d3d3d3; cursor:pointer;} .l-box-dateeditor-hourselector li{ float:left; width:36px; line-height:17px; height:17px; margin-left:8px; margin-top:2px;margin-bottom:2px; border:1px solid #d3d3d3; cursor:pointer;} .l-box-dateeditor-minuteselector li{ float:left; width:21px; line-height:18px; height:18px; margin-left:6px; margin-bottom:3px;margin-top:3px; border:1px solid #d3d3d3; cursor:pointer;} .l-box-dateeditor-monthselector li:hover,.l-box-dateeditor-monthselector li.l-selected,.l-box-dateeditor-monthselector li.l-over,.l-box-dateeditor-yearselector li:hover,.l-box-dateeditor-yearselector li.l-selected,.l-box-dateeditor-yearselector li.l-over,.l-box-dateeditor-hourselector li:hover,.l-box-dateeditor-hourselector li.l-selected,.l-box-dateeditor-hourselector li.l-over,.l-box-dateeditor-minuteselector li:hover,.l-box-dateeditor-minuteselector li.l-selected,.l-box-dateeditor-minuteselector li.l-over {background-color: #FFE7A2;border: solid 1px #FFBD69;} .l-box-dateeditor-body thead td{ border-bottom:1px solid #d3d3d3;} .l-box-dateeditor-body td{ width:30px; height:19px; line-height:19px; } .l-box-dateeditor-body tbody td{border:1px solid white;cursor:pointer;} .l-box-dateeditor-body tbody td.l-box-dateeditor-today {background-color: #FFBD69;border: solid 1px #FFAB3F;} .l-box-dateeditor-body tbody td.l-box-dateeditor-over,.l-box-dateeditor-body tbody td.l-box-dateeditor-selected { background-color: #FFE7A2;border: solid 1px #FFBD69;} .l-box-dateeditor-body tbody td.l-box-dateeditor-holiday { color:#C00000; } .l-box-dateeditor-body tbody td.l-box-dateeditor-out { color:#888888; } .l-box-dateeditor-toolbar { padding-left:10px; width:100%; height: 28px; background:url(../images/controls/dateeditor-bar-bg.gif) repeat-x 1px center; text-align:right; position:relative; } .l-box-dateeditor-time{ width:30px; display:none; height:18px; margin-top:4px; float:left;color:#333;} .l-box-dateeditor-time a{ text-decoration:none; font-weight:bold; color:#333; font-size:13px; cursor:pointer;} .l-box-dateeditor-toolbar .l-button {width:50px ; height:19px; line-height:19px; } .l-box-dateeditor-toolbar .l-button-today { float:left;margin-left:20px; margin-top:4px;} .l-box-dateeditor-toolbar .l-button-close { float:left; margin-left:15px;margin-top:4px;} /* ----------------------- * 验证 * * ----------------------- */ .l-verify-tip{ padding:0; margin:0;position:absolute; display:block;} .l-verify-tip-corner{ padding:0; margin:0;position:absolute;background:url('../images/form/verify-corner.gif') no-repeat; width:8px; line-height:9px; height:9px; overflow:hidden; top:5px; left:0px; z-index:10001;} .l-verify-tip-content{margin:0; position:absolute; left:7px;top:0px;border:1px solid #FFC340; background:#FFFCC7; z-index:10000; padding:4px 8px; width:100px; font-size:12px; } /* ----------------------- * 表格 * * ----------------------- */ .l-grid-mask{ position:absolute;left:0;top:0;width:100%;height:100%; display1:none;font-size:1px; *zoom:1;overflow:hidden; display:none;z-index: 9000; } .l-panel { border:1px solid #84A0C4; position:relative; } .l-panel table{ width:auto;} .l-panel table,.l-panel td{ margin:0; padding:0;} .l-panel-btn { display:block; height:22px; overflow:hidden; line-height:22px; position:relative; padding-left:15px; padding-right:15px; cursor:pointer; text-align:center;color: #2C4D79; text-decoration:none; cursor:pointer; } .l-panel-btn .l-panel-btn-l,.l-panel-btn .l-panel-btn-r{ display:none;} .l-panel-btn-over,.l-panel-btn-selected{background: #E0EDFF url(../images/panel/panel-btn.gif) repeat-x;} .l-panel-btn-over .l-panel-btn-l,.l-panel-btn-over .l-panel-btn-r,.l-panel-btn-selected .l-panel-btn-l,.l-panel-btn-selected .l-panel-btn-r{ display:block; } .l-panel-btn-l { position:absolute; width:3px; left:0px; top:0px;height:22px; background: #E0EDFF url(../images/panel/panel-btn-l.gif) no-repeat; } .l-panel-btn-r {position:absolute; width:3px; right:0px; top:0px;height:22px; background: #E0EDFF url(../images/panel/panel-btn-r.gif) no-repeat; } .l-panel-header{ color: #15428B; font-weight: bold; font-size: 11px; height:24px; border-bottom:1px solid #99BBE8; background: url('../images/panel/header-bg.gif') repeat-x left -1px; } .l-panel-header-text{ line-height:22px;padding-left:10px;} .l-panel-body { position:relative; overflow:hidden; width:100%; } .l-panel-body .l-grid { } .l-grid { position:relative; } .l-grid td div { font-size:12px; } .l-grid table{border-spacing:0 0;} .l-grid-header { border-bottom:1px solid #A3C0E8; height:22px; line-height:22px;background:#E2F0FF url('../images/grid/header-bg.gif') repeat-x left bottom; overflow:hidden; width:100%; } .l-grid-scroller { position: relative; top: 0px; left: 0px; height:220px;overflow: auto; } .l-grid-scroller-noscroll { height:auto;overflow:hidden; } .l-grid-body { position: relative; width:100%; top: 0px; left: 0px; overflow: auto; } .l-grid-body-table { } .l-grid-body-table tr.l-checked td { background:#DCF8A8 } .l-grid-popup { background: #eee url(../images/grid/popup-line.gif) repeat-y -1px top; border: 1px solid #ccc; border-top: 0px; overflow: auto; left: 0px; position: absolute; z-index: 999; display:none; } .l-grid-loading { position: absolute;z-index: 91000; border:1px solid #9BBBE6; top:40%; left:50%; background:white url('../images/grid/loading.gif') no-repeat 8px 6px; padding-left:38px; padding-top:10px; padding-bottom:10px; padding-right:10px; margin-left:-60px; display:none; } .l-grid-editor { position: absolute;z-index: 999;display:none; text-align:center; } .l-grid-editor .l-checkbox-wrapper{ margin-top:2px;} .l-grid-popup table { display: table; border-collapse: separate; border-color: gray; margin:2px; } .l-grid-popup table tbody {display: table-row-group; vertical-align: middle; border-color: inherit; } .l-grid-popup table td { padding: 2px 3px; cursor: default; } .l-grid-popup td.l-column-left { border-right: 1px solid #ccc; } .l-grid-popup td.l-column-right { border-left: 1px solid #fff; padding-right: 10px; } .l-grid-popup tr:hover .l-column-right,.l-grid-popup tr.l-popup-row-over .l-column-right { border-right: 1px solid #d2e3ec;border-top: 1px solid #d2e3ec;border-bottom: 1px solid #d2e3ec; } .l-grid-popup tr:hover .l-column-left,.l-grid-popup tr.l-popup-row-over .l-column-left { border-left: 1px solid #d2e3ec;border-top: 1px solid #d2e3ec;border-bottom: 1px solid #d2e3ec; } .l-grid-popup table tr:hover,.l-grid-popup table tr.l-popup-row-over { background: #d5effc url(../images/grid/popup-row-over.gif) repeat-x top; border: 1px solid #a8d8eb; } .l-grid-hd-cell-detail { padding:0; margin:0; } .l-grid-hd-cell-inner { text-align:center; } .l-grid-dragging-line { background:#EC4262;width:1px;position:absolute; display:none; z-index:9999; padding:0; margin:0; } .l-grid-hd-cell-dropleft { position:absolute;left:0px;top:0px; display: block;background: url(../images/icon/icon-prev.gif) no-repeat -2px center;width: 16px;height: 24px; z-index: 3; display:none; } .l-grid-hd-cell-dropright { position:absolute;right:0px;top:0px; display: block;background: url(../images/icon/icon-next.gif) no-repeat 0px center;width: 16px;height: 24px; z-index: 3; display:none; } .l-grid-hd-cell-drop { position:absolute;right:-1px;top:0px;display: block; width:2px; height:24px; z-index:3; cursor:e-resize; } .l-grid-hd-cell-sort { overflow:hidden; } .l-grid-hd-cell-sort-asc { background:url('../images/icon/icon-sort-asc.gif') no-repeat center; } .l-grid-hd-cell-sort-desc { background:url('../images/icon/icon-sort-desc.gif') no-repeat center; } .l-grid-hd-cell-btn { position:absolute; right:0px; top:0px; overflow:hidden; border-left:1px solid #C1D6F0; cursor:pointer; } .l-grid-hd-cell-btn span { border-left:1px solid #F1F5FC; width:14px; height:22px;background:url('../images/icon/icon-down.gif') no-repeat 2px 8px; display:block; } .l-grid-hd-cell-drophandle { width:5px; height:22px; cursor:col-resize; float:right;position:absolute; top:0px; right:-3px; } .l-grid-hd-cell-text { text-align:center; cursor:pointer; } .l-grid-hd-cell { padding:0; margin:0;overflow:hidden; border-right:1px solid #A3C0E8; text-align:center; } .l-grid-hd-cell-last { } .l-grid-hd-cell-over,.l-grid-hd-cell-on { } .l-grid-row { } .l-grid-row-last { } .l-grid-totalsummary { border-bottom:1px solid #A3C0E8; background:#EEF3FF; padding-top:5px; padding-bottom:5px; } .l-grid-totalsummary-nobottom { border-bottom:none; } .l-grid-totalsummary td { border-right:1px solid #EEF3FF; text-align:center; } .l-grid-totalsummary .l-grid-totalsummary-cell-last { border-right:1px solid #A3C0E8; } .l-grid-totalsummary .l-grid-totalsummary-cell-inner { margin-left:3px; margin-right:3px; } .l-grid-totalsummary .l-grid-totalsummary-cell-inner div { height:20px; line-height:20px; } .l-grid-detailpanel { border-bottom:1px solid #A3C0E8; } .l-grid-detailpanel-inner { overflow:hidden; } .l-grid-row-alt .l-grid-row-cell { background:#F5F5F5; } .l-selected .l-grid-row-cell,.l-grid-row-over .l-grid-row-cell,.l-grid-row-over,.l-selected { background:#EAF3FF; } .l-grid-row-cell { overflow:hidden; border-right:1px solid #A3C0E8;border-bottom:1px solid #A3C0E8; text-align:center;overflow:hidden; } .l-grid-row-last .l-grid-row-cell {border-bottom:none; } .l-grid-row-cell-last { } .l-grid-row-cell-detail .l-grid-row-cell-inner{margin-left:0px; margin-right:0px; width:28px; overflow:hidden;} .l-grid-row-cell-detail .l-grid-row-cell-inner span { display:block; width:21px; height:21px; background:url('../images/grid/grid-detail-close.gif') no-repeat 5px 5px; cursor:pointer; overflow:hidden; } .l-grid-row-cell-detail .l-grid-row-cell-inner span.l-open { background:url('../images/grid/grid-detail-open.gif') no-repeat 5px 5px; } .l-grid-row-cell-checkbox .l-grid-row-cell-inner{margin-left:0px; margin-right:0px;} .l-grid-row-cell-checkbox span,.l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div { display:block; width:13px; height:13px; background:url('../images/controls/checkbox.gif') no-repeat; background-position:0px 0px; cursor:pointer; overflow:hidden; margin-left:7px; margin-top:3px; } .l-checked .l-grid-row-cell-checkbox span,.l-checked .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div { background-position:0px -13px; } .l-grid-hd-cell-checkbox { padding:0; margin:0; } .l-grid-row-cell-edited .l-grid-row-cell-inner { background-image:url('../images/icon/icon-edited.gif'); background-repeat:no-repeat; background-position:2px 2px; } .l-grid-row-cell-inner { text-align:center;line-height:22px; margin-left:3px; margin-right:3px; overflow:hidden; } .l-grid-row-cell-inner-fixedheight { height:22px; } .l-panel-bar { height:32px;background:#C9DFFF url('../images/panel/bar-bg.gif') repeat-x left bottom;overflow:hidden; border-top:1px solid #84A0C4; } .l-panel-bbar-inner { margin-top: 3px; padding-left: -2px; width:100%; } .l-bar-group { float: left; background: none; height: 24px; margin: 0px 5px; } .l-bar-right { float:right; } .l-bar-separator { float: left; height: 18px; border-left: 1px solid #9AC6FF; border-right: 1px solid white; margin: 2px; } .l-bar-button { float: left; width: 22px; height: 22px; border: 0px; cursor: pointer; overflow: hidden; } .l-bar-button-over { background: url(../images/icon/bar-button-over.gif) no-repeat center; } .l-bar-button span { width: 16px; height: 16px; display: block; margin-left:2px; margin-top:2px; float: left; overflow:hidden; } .l-bar-btnfirst span { background: url(../images/icon/icon-first.gif) no-repeat; background-position:0px 0px; } .l-bar-btnprev span { background: url(../images/icon/icon-prev.gif) no-repeat ; background-position:0px 0px; } .l-bar-btnnext span { background: url(../images/icon/icon-next.gif) no-repeat; background-position:0px 0px; } .l-bar-btnlast span { background: url(../images/icon/icon-last.gif) no-repeat; background-position:0px 0px; } .l-bar-btnload span { background: url(../images/icon/icon-load.gif) no-repeat; background-position:0px 0px; } .l-bar-btnloading span { background: url(../images/icon/icon-loading.gif) no-repeat; background-position:0px 0px; } .l-bar-button .l-disabled { background-position:0px -16px; } .l-bar-text { line-height:20px; } /* tree grid */ .l-grid-tree-link { cursor:pointer; } .l-grid-tree-link-open { background:url('../images/grid/grid-tree-open.gif') no-repeat center; } .l-grid-tree-link-close { background:url('../images/grid/grid-tree-close.gif') no-repeat center; } .l-grid-gray {border-top:1px solid #DDDDDD; } .l-grid-gray .l-grid-header { border-bottom:1px solid #DDDDDD; background:#E2F0FF url('../images/grid/header2-bg.jpg') repeat-x left bottom; } .l-grid-gray .l-grid-hd-cell { border-right:1px solid #DDDDDD; } .l-grid-gray .l-grid-row-cell { border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } /* 菜单条 */ .l-menubar { background: url('../images/panel/panel-menu.jpg') repeat-x; height:24px; border:1px solid #ADBED6;border-top:1px solid #EFF7F7; } .l-menubar-item { float:left; margin-left:6px; } .l-menubar-item-down { width:7px; height:4px; line-height:4px; background:url('../images/panel/panel-menu-item-down.gif') no-repeat center; position:absolute; right:4px; top:9px; } .l-menubar-item-over { } /* 工具条 */ .l-toolbar { background:#CEDFEF url('../images/panel/panel-toolbar.jpg') repeat-x; height:23px; border:1px solid #9CBAE7; border-top:1px solid #EFF7F7; } .l-toolbar-item { float:left;margin-left:4px; } .l-toolbar-item .l-icon{ position:absolute; left:2px; top:2px;} .l-toolbar-item-hasicon{ padding-left:20px;} /* 搜索栏 */ .l-panel-search {height:28px; padding-top:3px; padding-left:3px; border-left:1px solid #99BBE8; border-right:1px solid #99BBE8; } .l-panel-search-item { float:left; margin-left:5px; } /* -------------- * layout * * ------------ */ .l-layout{ position:relative;} .l-layout-left,.l-layout-right,.l-layout-center,.l-layout-top,.l-layout-bottom{position:absolute;border:1px solid #BED5F3; background:white; z-index:10; overflow:hidden;} .l-layout-top{width:100%;} .l-layout-bottom{width:100%} .l-layout-left .l-layout-header-toggle{position:absolute; top:3px; right:3px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px 0px; cursor:pointer;} .l-layout-left .l-layout-header-toggle-over{ background-position:-20px -20px;} .l-layout-right .l-layout-header-toggle{position:absolute; top:3px; left:3px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px -40px; cursor:pointer;} .l-layout-right .l-layout-header-toggle-over{ background-position:-20px -60px;} .l-layout-center .l-layout-header{ cursor:default;} .l-layout-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px; background:#E5EFFE url('../images/layout/layout-header.gif') repeat-x; overflow:hidden; cursor:pointer} .l-layout-header-inner{padding-right:22px;} .l-layout-right .l-layout-header-inner { padding-left:22px; padding-right:auto;} .l-layout-header-over{background:#EFF4FE url('../images/layout/layout-header-over.gif') repeat-x;} .l-layout-collapse-left,.l-layout-collapse-right{ width:24px; background:#EAF2FE;border:1px solid #B8D0D6; position:absolute;top:0px; display:none; height:100%;z-index:10;} .l-layout-collapse-left-over,.l-layout-collapse-right-over{background:#F5F9FA;} .l-layout-collapse-left-toggle,.l-layout-collapse-right-toggle{position:absolute; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');cursor:pointer;} .l-layout-collapse-left{left:2px;} .l-layout-collapse-left-toggle{top:0px; right:2px; background-position:-20px -40px;} .l-layout-collapse-left-toggle-over{background-position:-20px -60px;} .l-layout-collapse-right{right:2px;} .l-layout-collapse-right-toggle{top:0px; left:2px; background-position:-20px 0px;} .l-layout-collapse-right-toggle-over{background-position:-20px -20px;} .l-layout-drophandle-left{ position:absolute;width:5px;cursor:col-resize; z-index:10;display:none;} .l-layout-drophandle-right{ position:absolute;width:5px;cursor:col-resize; z-index:10;display:none;} .l-layout-drophandle-top{ position:absolute;height:5px;cursor:row-resize; z-index:10;display:none; line-height:1px;overflow:hidden;} .l-layout-drophandle-bottom{ position:absolute;height:5px;cursor:row-resize; z-index:10;display:none;line-height:1px;overflow:hidden;} .l-layout-dragging-xline{ background:#E0E4E2;height:4px;position:absolute;display:none; z-index:9999; padding:0; margin:0;line-height:1px; overflow:hidden;} .l-layout-dragging-yline{ background:#E0E4E2;width:4px;position:absolute;display:none; z-index:9999; padding:0; margin:0;} .l-layout-lock{ position:absolute; width:100%; height:100%; display:none; z-index:9990; margin:0; padding:0;} .l-layout-content{position:relative; background:white; overflow:hidden;} .l-layout-drophandle{ position:absolute; top:0px; left:-5px; width:5px;cursor:col-resize; z-index:10;height:100%; display:none;} .l-layout-collapse{ width:24px; background:#EAF2FE;border:1px solid #B8D0D6; position:absolute; top:0px; left:4px; display:none; height:100%;z-index:10;} .l-layout-collapse-over{background:#F5F9FA;} .l-layout-collapse-toggle{position:absolute; top:0px; right:2px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px -40px; cursor:pointer;} .l-layout-collapse-toggle-over{background-position:-20px -60px;} .l-layout-dragging-line{ background:#E0E4E2;width:4px;position:absolute;top:0px; display:none; z-index:9999; padding:0; margin:0;height:100%;} /* -------------- * accordion * * ------------ */ .l-accordion-panel{ border-left:1px solid #BED5F3; border-right:1px solid #BED5F3; border-bottom:1px solid #BED5F3; } .l-accordion-toggle{ position:absolute; top:2px; right:4px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');cursor:pointer;} .l-accordion-toggle-close{ background-position:0px 0px;} .l-accordion-toggle-close-over{ background-position:0px -20px;} .l-accordion-toggle-open{ background-position:0px -40px;} .l-accordion-toggle-open-over{ background-position:0px -60px;} .l-accordion-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px; background:#E5EFFE url('../images/layout/accordion-header.gif') repeat-x; overflow:hidden; cursor:pointer;} .l-accordion-header-over{background:#EFF4FE url('../images/layout/accordion-header-over.gif') repeat-x;} .l-accordion-content{position:relative;overflow:auto; background:white url('../images/layout/accordion-content.gif') repeat-x;} /* -------------- * menu * * ------------ */ .l-menu { border:1px solid #979797; background:#F5F5F5;position:absolute; overflow:hidden; padding-bottom:2px; z-index:1001} .l-menu-shadow{z-index:1000; FILTER: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2); BACKGROUND: #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); position: absolute;} .l-menu-inner{ position:relative;width:100%;z-index:103;} .l-menu-over{position:absolute;top:-24px;left:2px; z-index:102; height:22px; overflow:hidden;background:url('../images/menu/menu-item-over-m.gif') repeat-x;width:97%;} .l-menu-yline { background:url('../images/menu/menu-line-y.gif') repeat-y; width:2px; height:2000px; position:absolute; left:28px; top:1px; z-index:101;} .l-menu-over-l{background:url('../images/menu/menu-item-over-l.gif') no-repeat; width:28px; height:22px; position:absolute;top:0; left:0;} .l-menu-over-r{background:url('../images/menu/menu-item-over-r.gif') no-repeat; width:3px;height:22px; position:absolute;top:0; right:0;} .l-menu-item { position:relative; height:23px; line-height:23px; width:100%; cursor:pointer;} .l-menu-item-line{background:url('../images/menu/menu-line-x.gif') repeat-x; height:2px; width:100%; margin-top:1px; margin-bottom:1px; margin-left:30px; line-height:2px; overflow:hidden;} .l-menu-item-arrow{background:url('../images/menu/menu-item-arrow.gif') no-repeat; position:absolute; top:8px; right:9px; width:4px; height:7px;} .l-menu-item-text{color:#000000;left: 33px;position: absolute;top: 0;} .l-menu-item-icon{ left: 3px;top: 0;position: absolute; width:25px; height:22px; overflow:hidden;} .l-menu-item-disable{ cursor:default;} .l-menu-item-disable .l-menu-item-text{ color:#A1A1A1;} /* ----------------------- * tab * * ----------------------- */ .l-tab-links{position:relative; height:26px; background:#F0F5F6; width:100%; overflow:hidden; background:url('../images/layout/tabs-bg.gif') repeat-x; border-bottom:1px solid #BED5F3;} .l-tab-links-left{position:absolute; top:1px; left:0; width:17px; height:23px; overflow:hidden; background:url(../images/layout/tabs-tools.gif) 0px 0px; z-index:13; cursor:pointer;} .l-tab-links-right{ position:absolute; top:1px; right:0;width:17px; height:23px; overflow:hidden;background:url(../images/layout/tabs-tools.gif) -51px 0px;z-index:13; cursor:pointer;} .l-tab-links-left-over{ background-position:-17px 0px;} .l-tab-links-right-over{ background-position:-68px 0px;} .l-tab-links-left-invalid{ background-position:-34px 0px;} .l-tab-links-right-invalid{ background-position:-85px 0px;} .l-tab-links ul{ list-style:none; margin:0; padding:0; width:9999px; height:26px; overflow:hidden; position:absolute; top:0; left:0;} .l-tab-links li{ float:left; margin:0; padding:0; margin-left:2px; height: 26px; line-height:26px; cursor:pointer;background:url(../images/layout/tabs-item-bg.gif); position:relative; overflow:hidden; border:none; } .l-tab-links li.l-selected{background:url(../images/layout/tabs-item-over-bg.gif);} .l-tab-links li a{ display:block; margin-left:6px; margin-right:37px;} .l-tab-links-item-left{ position:absolute;top:0; left:0;width:2px; height:26px; background:url(../images/layout/tabs-item-left-bg.gif)} .l-tab-links-item-right{position:absolute;top:0; right:0;width:2px; height:26px;background:url(../images/layout/tabs-item-right-bg.gif)} .l-tab-links-item-close{ width:11px; height:11px; overflow:hidden; position:absolute; top:4px; right:2px; z-index:12;background:url(../images/icon/icon-close.gif); cursor:pointer;} .l-tab-links-item-close-over{background:url(../images/icon/icon-close-over.gif);} .l-tab-content{ margin:0 auto; padding:0; border:none; width:100%;} .l-tab-content-item{ width:100%; overflow:hidden;} .l-tab-content-item iframe{width:100%; height:100%; border:none;} /* ----------------------- * easytab * * ----------------------- */ .l-easytab{ padding:0px; position:relative;} .l-easytab ul{margin:0; padding:0; list-style:none;position:absolute; top:0px; left:0px; z-index:101;} .l-easytab .l-easytab-header { padding-left:3px;} .l-easytab .l-easytab-header li{ float:left; margin-left:2px;} .l-easytab .l-easytab-header li span{ display:block; line-height:22px; height:22px; padding-left:8px; padding-right:8px; background:url('../images/controls/bg-tab-title.gif') repeat-x; color:#333; text-decoration:none;border:1px solid #AECAF0; color:#283B56;} .l-easytab .l-easytab-header li span.l-over{background:url('../images/controls/bg-tab-title-over.gif') repeat-x;border:1px solid #DAB364; cursor:pointer;} .l-easytab .l-easytab-header li span.l-selected{ background:none; background:white; border-top:3px solid #FFBD69;height:20px;color:#355686; border-left:1px solid #DAB364;border-right:1px solid #DAB364;border-bottom:1px solid white; } .l-easytab .l-easytab-panelbox{ border:1px solid #AECAF0; clear:left; position:absolute;top:23px; padding:4px;z-index:100;} /* -------------- * tree * * ------------ */ .l-tree { margin:0; padding:0; list-style:none; overflow:hidden; position:relative; display:block; background:white; } .l-tree-loading { position: absolute;z-index: 91000; top:40%; left:50%; overflow:hidden; background:url('../images/tree/loading.gif') no-repeat 0px 0px;width:24px; height:24px; display:none; } .l-tree a,.l-tree span{color: #333;display: inherit;height: 22px;line-height: 22px; text-decoration:none;} .l-tree ul,.l-tree li{list-style:none; margin:0; padding:0;} .l-tree li {clear: both;display: block;cursor: pointer;} .l-tree li .l-body{ height:22px;line-height: 22px; overflow:hidden;} .l-tree .l-box { width:22px; height:22px; overflow:hidden; float:left; background:url('../images/tree/tree.gif');background-position:-22px -220px; } .l-tree-noline .l-box { background:url('../images/tree/tree-noline.gif'); } .l-tree .l-expandable-close{background-position:0px -44px;} .l-tree .l-first .l-expandable-close{background-position:0px -22px;} .l-tree .l-last .l-expandable-close{ background-position:0px -66px;} .l-tree .l-onlychild .l-expandable-close{background-position:0px 0px;} .l-tree .l-expandable-open{background-position:0px -132px;} .l-tree .l-first .l-expandable-open{background-position:0px -110px;} .l-tree .l-last .l-expandable-open{ background-position:0px -154px;} .l-tree .l-onlychild .l-expandable-open{background-position:0px -88px;} .l-tree .l-over{background: whiteSmoke;} .l-tree .l-selected {background: #D9E8FB;} .l-tree .l-line{background-position:0px -176px;} .l-tree .l-note{ background-position:0px -198px;} .l-tree .l-note{ background-position:0px -198px;} .l-tree .l-note-last{ background-position:0px -220px;} .l-tree .l-checkbox-unchecked{ background-position:-22px 0px;} .l-tree .l-checkbox-checked{ background-position:-22px -22px;} .l-tree .l-checkbox-incomplete{ background-position:-22px -44px;} .l-tree .l-over .l-checkbox-unchecked{ background-position:-44px 0px;} .l-tree .l-over .l-checkbox-checked{ background-position:-44px -22px;} .l-tree .l-over .l-checkbox-incomplete{ background-position:-44px -44px;} .l-tree .l-tree-icon-folder{ background-position:-22px -88px;} .l-tree .l-tree-icon-folder-open{background-position:-44px -88px;} .l-tree .l-tree-icon-leaf{background-position:-22px -110px;}
发表评论
文章已被作者锁定,不允许评论。
-
dialog
2014-01-06 15:26 0div.rzy-mask { background-co ... -
box.js
2013-12-23 15:54 737jQuery.fn.center = function(sc ... -
IE6 autocomplete
2013-12-11 10:05 649aaa -
Callable Future
2013-12-09 09:00 627package advancedJava; impor ... -
RequestContext
2013-12-06 11:30 496package util; import java.i ... -
XUtil
2013-12-04 15:21 1199package util; import java.i ... -
ActionFilter
2013-12-04 09:02 476package util; import java. ... -
最新基于Json 协议的架构
2013-12-02 23:35 724package util; import java. ... -
权限脚本
2013-11-27 09:32 525aa DROP TABLE IF EXISTS seq; ... -
主框架
2013-04-10 23:30 607<!DOCTYPE HTML PUBLIC &quo ... -
java 备份mysql
2012-07-01 01:18 777import java.io.BufferedReader;i ... -
权限管理
2012-06-23 02:14 705权限管理 -
FTPUPLOAD
2012-04-28 17:56 0package util; import java.io ... -
layout
2011-11-15 22:49 661$(function () { ... -
Accordion
2011-11-15 22:29 3084/** * jQuery ligerUI 1.0.2 * ... -
LigerUI
2011-11-13 16:52 876SDFD -
js 控件集
2011-11-06 00:39 976js 控件集 -
fileutil
2011-10-24 16:04 886import java.io.File; import ja ... -
语法高亮
2011-10-21 16:17 694语法高亮 -
dbutil
2011-10-20 15:50 950import java.io.IOException; im ...
相关推荐
- **引入文件**:在项目中使用 LigerUI 需要引入 jQuery 和 LigerUI 的 CSS、JavaScript 文件。 ```html <link href="path/to/ligerui.css" rel="stylesheet" type="text/css" /> <script src="path/to/jquery....
通常,这会涉及到JavaScript文件(如ligerUI.core.js或ligerUI.controls.time.js)和CSS文件(如ligerUI.css)。 最后,为了确保其他开发者或团队成员可以轻松地使用这个优化过的版本,我们可以创建一个定制的分发...
- `ligerui.css`:基础样式文件,用于呈现组件的基本外观。 - `images` 文件夹:包含组件所需的图片资源。 - `demo` 文件夹:可能包含示例代码和演示页面,帮助开发者了解如何使用LigerUI。 - `docs` 文件夹:可能...
4. **样式可定制**:ligerUI的样式可以通过CSS进行自定义,开发者可以根据项目需求调整控件的外观。 5. **兼容性好**:ligerUI兼容主流的浏览器,如Chrome、Firefox、Safari和IE8及以上版本,确保了广泛的用户覆盖。...
在项目中引入ligerUI,首先需要下载并添加jQuery库以及ligerUI的CSS和JS文件。然后,通过jQuery选择器找到需要操作的DOM元素,调用ligerUI提供的方法来初始化组件。例如,创建一个表格可以这样做: ```html <!...
在IT行业中,数据展示和处理是一项重要的任务,而LigerUI Table是一款强大的jQuery插件,专为网页数据展示提供解决方案。LigerUI Table不仅具备基本的表格功能,如排序、筛选、分页,还提供了丰富的扩展特性,如导出...
<link rel="stylesheet" href="path/to/ligerui/themes/default/ligerui.css" /> <script src="path/to/jquery.min.js"> <script src="path/to/ligerui/ligerui.min.js"> ``` 2. **初始化组件**:通过...
《jQuery ligerUI API:构建高效前端界面的利器》 jQuery ligerUI API,作为一款源自中国的优秀前端UI框架,为开发者提供了丰富的组件和便捷的API接口,旨在帮助开发人员快速构建美观、高效的Web应用程序。这个框架...
jQuery LigerUI允许开发者通过CSS样式和JavaScript代码进行深度定制,以满足特定需求。此外,其开放的API接口和插件机制也为扩展新功能提供了可能。 五、应用场景 jQuery LigerUI广泛应用于企业管理软件、在线服务...
LigerUI是一款基于JavaScript和CSS3的开源前端框架,它为开发者提供了丰富的UI组件和便捷的API接口,用于快速构建用户界面。此压缩包包含了LigerUI的全套源代码、API文档以及示例,旨在帮助开发者深入理解其内部工作...
在实际开发中,你可以通过引入LigerUI的CSS和JS文件,然后调用对应的API来创建和配置组件。例如,要创建一个表格,你可以先定义一个HTML元素作为容器,然后使用LigerUI的表格插件对其进行初始化。通过这种方式,你...
jQuery ligerUI是一款基于jQuery的前端开发框架,它提供了一系列丰富的UI组件,使得开发者能够快速构建具有专业界面的Web应用程序。在"jQuery ligerUI Demos 导航页、菜单栏"这个主题中,我们将深入探讨ligerUI如何...
<link href="ligerui.css" rel="stylesheet" type="text/css" /> <script src="jquery.min.js" type="text/javascript"> <script src="ligerui.min.js" type="text/javascript"> ``` 在实际应用中,要将HTML...
jQuery LigerUI是一款基于jQuery的前端UI库,它为开发者提供了丰富的组件和界面元素,用于构建功能强大且用户友好的Web应用。LigerUI V1.3.3是该库的一个版本,它在前一版本的基础上进行了一系列的优化和改进,以...
压缩包子文件的文件名" LiguerUI"可能是整个框架的主文件,可能包含了LigerUI的JavaScript库、CSS样式表和其他必要的资源文件。在实际项目中,开发者需要引入这些文件才能使用LigerUI的功能。 总的来说,这个压缩包...
<link rel="stylesheet" type="text/css" href="ligerui/skins/all.css" /> <script type="text/javascript" src="ligerui/jquery.min.js"> <script type="text/javascript" src="ligerui/ligerui.all.js"> ``` ...
ligerUI同样是一个基于jQuery的前端UI框架,它的设计理念是提供轻量级、高性能的组件,同时保持高度的可定制性和灵活性。ligerUI提供了丰富的组件,如表格、树形控件、日期选择器、对话框等,以及强大的表单验证和...
路径/to/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> 路径/to/jquery/jquery-1.3.2.min.js" type="text/javascript"> 路径/to/ligerUI/js/plugins/ligerTextBox.js" type="text/...
包括十余种不同结构的主页、各种常用的导航与布局模板、丰富的组件、特效和完备的CSS样式库等等,并有多种皮肤样式可供选择。适合WEB开发工程师、前端制作工程师和界面设计师使用。适用于自动化办公、电子政务和RIA...
LigerUI 1.2.5 是一个成熟的前端开发框架,专为构建高效、美观的Web应用程序而设计。这个框架提供了丰富的组件和功能,旨在简化开发者的工作,提高开发效率。"LigerUI1.2.5文档和库"的压缩包包含两个主要部分:...