UU人网页界面集成框架.ppt

举例4：弹出式提示框 写如下代码： $.messager.show(0,'提示内容！',10000,'message.mp3'); 就创建了一个弹出式提示框。效果如下： 4个参数分别用来设置：标题、内容、弹出后停留时间、弹出时播放的声音文件 举例5：文本框 为普通的文本框标签添加watermark=“xxx”则有水印功能： <input type="text" watermark="输入查询条件"/> 设置文本框的clearable属性为true,就会在输入时出现一个小叉子，用于清空： <input type="text" clearable="true"/> 对文本框设置maxNum属性可以限制文本框的最大输入字数，并在输入时出现提示： <input type="text" maxNum="10"/> 对密码框设置checkStrength="true"会检查密码强度： <input type="password" checkStrength="true"/> 举例6：单选下拉框 渲染的下拉框的写法和用法与原始的select完全一样。如 <select><option value="1">新增图片</option><option value="2">维护图片</option></select> 当为select标签添加editable=“true”时就变成可编辑的下拉框 添加colNum=“xx”就可以自定义下拉框的列数 添加childDataPath设置数据来源并添加childId指定想要联动的下拉框就创建了联动下拉框 举例7：日期控件 为普通文本框添加class=“date” ，如下： <input type="text" class="date"/> 就变成一个日期控件。效果如右侧所示： 再添加dateFmt属性可以设置日期控件的现实方式 ，例如： <input type="text" class="date" dateFmt="HH:mm:ss"/> 就可以只显示时间，效果如右侧所示： 举例8：表单验证 对需要验证的表单元素加上class=“validate[XXX]”，其中XXX是验证规则，例如required表示必填项，length[0,20]限制字符长度在20字以内。验证规则可写多个。代码如下： <input type="text" class="validate[required,custom[chinese],length[0,20]]"/> 则该文本框属于必填项，只能输入中文，不超过20个字符。若填写不符合规则，效果如下： 框架中自带了10多种验证规则，另外还可以通过正则表达式自定义验证规则。 亮点8：非常丰富的皮肤样式 十大亮点 在前面以天蓝色风格为例展示了框架的10几种不同结构的主页和内容模板以及各种组件。除了天蓝色风格外，框架本身还自带了10多套不同风格样式的皮肤。 只需要更改主页的两个参数值即可实现切换成另一种风格（支持动态换肤） 。 同时也支持用户自己设计皮肤。 12种不同结构的主页中每种结构都有8-10套皮肤 切换成亮蓝色风格 切换成橙色风格 组件自动换肤 当更改主页参数进行换肤后，系统的所有内页与组件都会自动获取主页的配置来更换风格。无需对每个内页再做配置。例如更换了橙红色的风格，则组件风格变成如下效果： 多达140套精心设计制作的登录页面皮肤 登录页风格之一 登录页风格之二 亮点9：完美的浏览器兼容性 十大亮点 框架在整个制作过程，通过多种兼容性技术一直确保在各主流浏览器中做到兼容。 目前可以与以下主流浏览器完美兼容： windows中： IE6、IE7、IE8、FireFox、Chrome、Safira Linux中： FireFox 亮点10：提供组件与特效的分离版本 十大亮点 如果你的WEB应用只需要使用框架的某几个组件或特效，那么不必将整套框架机制全部引入到项目中，UU人框架还提供的组件与特效的分离版本。 分离版本将UU人框架集成的100多种组件和特效进行分离，每种组件或特效独立为一个目录。使用时只要找到相应的目录参照实例代码的做法即可。 组件与特效的分离版本 免费版下载 UU人网页界面框架beta版(部分) 所有JS脚本均加密，CSS为压缩状态 包含2套框架皮肤和2套登录页皮肤 只支持utf-8编码 不提供PSD设计源文件 不可升级 无技术支持服务 仅供学习研究使用，不可用于商业用途 下载地址：/web/frame-free.zip 个人版 个人版包括： UU人网页界面框架ver2.02正式版 UU人框架组件和特效的分离版本 提供除核心文件framework.js外的所有含有注释的未加密JS脚本和未压缩CSS 包含5套框架皮肤和30套登录页皮肤 提供皮肤中标题的