UI框架界面框架(企业不用再为美工发愁)

《UI框架界面框架(企业不用再为美工发愁)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、360UI界面集成框架产品介绍概述“360UI”网页界面集成框架是一套完整的BS模式系统界面解决方案。提供给设计和开发WEB应用的人员使用。适合用于自动化办公、电子政务和RIA应用等系统的开发中。特点本框架采用基于模板开发的理念，让使用者在开发系统时能够无需关心界面表现和兼容性等方面，通过简单的复制粘贴和非常小的修改量就能够方便地制作出精致美观、兼容性强的系统界面，从而把精力集中在系统功能的设计和实现上，提高开发效率，降低开发成本。亮点1：十余套各种结构的主页每套主页都有很多种不同风格的皮肤，下面是以天蓝色风格为例。关于框架皮肤将在后面介绍。十大亮点结构1：纵向抽屉式导航结构2：纵向多级菜单导

2、航结构3：纵向标签式导航结构4：树结构导航导航结构5：纵向二级列表导航结构6：纵向抽屉式图标导航结构7：横向多级菜单导航结构8：横向二级导航栏导航结构9：横向一级标签+纵向导航结构10：横向图标+纵向一级/二级列表导航结构11：横向二级标签+纵向一级/二级列表导航结构12：横向二级导航栏+纵向一级/二级列表导航亮点2：各种常用的内容页面模板以下只展示了部分模板，更多模板请访问在线版十大亮点举例1：图标导航举例2：数据表格举例3：表单样式举例4：表单验证举例5：表单拆分举例6：多层嵌套举例7：EXT布局模式亮点3：对网页原有组件进行改进以下只展示了部分组件，更多组件请访问在线版十大亮点举例1：信

3、息提示（title）鼠标移入后立刻出现；改进了提示框的样式；支持内嵌HTML；支持自定义提示框风格。举例2：数据表格(table)表格隔行同色，鼠标移入和点击分别有变色效果；表头可固定，如果是排序模式表头会出现箭头并响应鼠标移入和点击；如果第一列是checkbox可以自动添加全选按钮；表格每项额外功能都可通过参数灵活配置举例3：文本框/密码框(input:text/password)鼠标悬停和点击分别有变色效果；可以设置出现水印；可以设置在输入时出现小叉子，用于清除输入的文字；可以设置最大允许输入数，并出现剩余字数提示；密码框会自动检测大写键是否开启；密码框可以设置检测密码强度。举例4：文本域

4、(textarea)鼠标悬停和点击分别有变色效果；可以设置出现水印；可以设置最大允许输入数，并出现剩余字数提示；可以设置通过拖拽或回车来动态增大文本域尺寸。举例5：按钮(input:button)鼠标悬停有变色效果；可以为按钮增各种各样的小图标。举例6：多选按钮(input:checkbox)支持自定义风格样式；鼠标移入文字就会出现手型来响应点击。举例7：上传控件(input:file)支持自定义风格样式；上传文件后鼠标悬停会提示完整路径。举例8：单选下拉框(select)支持自定义风格样式；在IE6下不会处于层的上方；支持分组、自定义列数、可编辑、无限级联动等功能举例9：多选下拉框(sele

5、ct:multiple)支持自定义风格样式；在IE6下不会处于层的上方；选择后，鼠标悬浮会提示所有选中的选项；可通过属性做个性化配置，如某项始终处于最上、最多允许选择几项等。举例10：警告框/确认框(alert/confirm)支持自定义风格样式；警告框更加友好。举例11：弹出窗口(window)支持自定义风格样式；可无限层级弹出窗口；可通过参数做个性化配置。亮点4：新增非常多的实用组件和特效以下只展示了部分组件，更多组件请访问在线版十大亮点举例1：浮动面板一个页可以使用多个面板，可以在8个方向弹出面板；面板内容可以在本页内也可以使用iframe模式嵌入其他页通过参数可灵活配置表现，如尺寸

6、、按钮文字、动画时间、初始时是否打开、初始是否以动画形式展示等举例2：进度条与弹出式提示框可以通过一句话方便地使用进度条或弹出式提示框；弹出式提示框可以通过参数进行灵活配置，如提示框的尺寸、停留时间、自定义弹出时的声音等。举例3：树形表格举例4：拓展的表单元素（1）举例5：拓展的表单元素（2）举例6：常规菜单举例7：另类菜单举例8：容器类举例9：图表类部分特效目录由于特效很难在平面图上体现，建议访问在线版本观看亮点5：提供很多常用的RIA实例以下只展示了部分实例，更多实例请访问在线版十大亮点举例1：仪表盘举例2：日程安排举例3：图片添加标注举例4：图片裁剪举例5：组织结构图/流程图举例6：36

7、0°物品查看亮点6：包含完备的CSS样式库十大亮点CSS库简介简单说来css库就是一些已经写好的css，要实现网页外观上的调整只要使用class=“xxx”就可以了，不必再写css。充分利用css库能够很大程度地提高效率。例如要实现一段文字显示为红色，并且向左偏移10px，一般的做法是，先为标签的class起个名字，html如下：要处理的文本