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

Javascript
Mootools 1.2教程 排序类和方法简介
Mootools 1.2 手风琴（Accordion）教程
Mootools 1.2教程 类(一)
Mootools 1.2教程 Tooltips
Mootools 1.2教程 选项卡效果（Tabs）
Mootools 1.2教程(21)：类（二）
Mootools 1.2教程 同时进行多个形变动画
Mootools 1.2教程 滑动效果（Slide）
不安全的常用的js写法
javascript 检测浏览器类型和版本的代码
javascript 弹出层居中效果的制作
javascript 遮照层效果
Javascript createElement和innerHTML增加页面元素的性能对比
颜色快速采集器javascript代码
var与Javascript变量隐式声明
javascript 面向对象编程 万物皆对象
jQuery 事件队列调整方法
JavaScript switch case 的用法实例[范围]
控制input的CSS但不影响CheckBox以及Radio的样式
ext 同步和异步示例代码

No. « 185 186 187 188 »

技术文章搜索

关键字

Javascript 中的 JQuery UI皮肤定制

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 279 ::
收藏到网摘: 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"文件夹下。