Ecology的JSP式样编写指南.doc

文档来源： 1 阴影外框 3 1.1 效果图 3 1.2 代码 3 2 卡片样式 4 2.1 效果图 4 2.2 代码 4 3 非分页列表样式 5 3.1 效果图 5 3.2 代码 5 4 多选浏览框样式 6 4.1 效果图 6 4.2 代码 6 5 单选浏览框样式 8 5.1 效果图 8 5.2 代码 8 6 右键按钮 9 6.1 效果图 9 6.2 代码 9 7 输入框样式 10 7.1 效果图 10 7.2 代码 10 8 浏览按钮样式 10 8.1 效果图 10 8.2 代码 10 9 按钮样式（文档相关） 10 9.1 效果图 10 9.2 代码 10 10 按钮样式（添加明细） 10 10.1 效果图 10 10.2 代码 10 11 树形 11 11.1 效果图 11 11.2 代码 11 11.3 数据源格式 12 12 单选框树形 13 12.1 效果图 13 12.2 代码 13 13 分页列表 14 14 页面保护 14 14.1 效果图 14 14.2 代码 14 阴影外框 效果图 代码 table width 100% height 100% border 0 cellspacing 0 cellpadding 0 col width 10 col width col width 10 td height 10 colspan 3 td valign top TABLE class Shadow td valign top 内容… td height 10 colspan 3 卡片样式 效果图 代码 TABLE class ViewForm COL width 30% COL width 70% TR class Title TH colSpan 2 一般 TR class Spacing TD class Line1 colSpan 2 名称 TDclass Field 泛微软件有限公司 TD class Line colspan 2 非分页列表样式 效果图 代码 TABLE class ListStyle cellspacing 1 COL width 33% COL width 33% COL width 33% TR class Header 列表名1 列表名2 列表名3 TR class Line TD colSpan 3 TR class DataDark 列表值A1 列表值A2 列表值A3 TR class DataLight 列表值B1 列表值B2 列表值B3 多选浏览框样式 效果图 代码 table width 100% class ViewForm valign top TR class Spacing TD class Line1 colspan 4 TD width 15% 条件1 TD width 35% class field input class InputStyle name name TD width 15% 条件2 TD width 35% class field input class InputStyle name engname TR class Spacing TD class Line1 colspan 4 !--#################Search Table END//######################-- tr width 100% td width 60% !--############Browser Table START################-- TABLE class BroswerStyle cellspacing 0 cellpadding 0 TR class DataHeader TH width 0% style display:none 列表1 TH width 20% 列表2 TH width 30% 列表3 TH width 40% 列表4 td colspan 4 width 100% div style overflow-y:scroll;width:100%;height:350px table width 100% id BrowseTable TD style display:none 列表值1 td width 25% style word-wrap:break-word 列表值2 TD width 30% 列表值3 TD width 40% 列表值4 !--##########Browser Table END