当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JQuery UI皮肤定制

Javascript
js 方法实现返回多个数据的代码
Ext 表单布局实例代码
javascript document.referrer 用法
JavaScript 字符编码规则
JS 动态加载脚本的4种方法
jQuery textarea的长度进行验证
jQuery select的操作实现代码
jQuery 1.2.x 升級 1.3.x 注意事项
关于viewport,Ext.panel和Ext.form.panel的关系
日期 时间js控件
JavaScript的parseInt 进制问题
javascript 有用的脚本函数
javascript 两个字符串比较函数
javascript 代码运行器
js arguments.callee的应用代码
JavaScript Table排序 2.0 (更新)
给Function做的OOP扩展
<script defer> defer 是什么意思
FF和IE之间7个JavaScript的差异
javascript获取当前ip的代码

Javascript 中的 JQuery UI皮肤定制


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 413 ::
收藏到网摘: n/a

JQuery UI有着非常丰富的皮肤,JQuery官方提供的就有十几套,除了官方提供的之外,JQuery还提供了定制皮肤的服务 http://jqueryui.com/themeroller/
进入此页面便可以定制自己的UI皮肤了

如上图,在网页的左侧的tab栏上单击Gallery选项,便会在下方列出Jquery官方提供的皮肤,点击任意一套皮肤下面的Edit便会跳到Rool Your Own,在你选中的皮肤基础上便可定制出自己想要的皮肤,定制过程是所见即所得,所有用起来很方便,定制完后,点击Rool Your Own下方的Download theme跳到下载页面,

下载页面
在下载页面右侧点击Download按钮就可以把皮肤下载到自己的机器上,在下载之前你可以选择下载1.7.2版的还是1.6版的,页面中还有其它选项,可以有选择的下载各个UI插件的皮肤样式,比如说Dialog、Tabls等,一般全选,不然就没意义了。下载后我们会得到一个jquery-ui-1.7.2.custom.zip压缩包,解压后,定制的皮肤文件在"下载文件夹\jquery-ui-1.7.2.custom\development-bundle\themes\custom-theme"文件夹下。