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

Javascript
Prototype使用指南之form.js
Prototype1.5 rc2版指南最后一篇之Position
javascript 对象的定义方法
JS多级连动菜单
javascript编程起步（第一课）
javascript编程起步（第二课）
java script编程起步（第三课）
jquery简单体验
javascript编程起步（第四课）
javascript编程起步（第五课）
javascript编程起步（第六课）
javascript编程起步（第七课）
javascript object oriented 面向对象编程初步
js宝典学习笔记（上）
JS宝典学习笔记(下)
javascript基础的动画教程，直观易懂
javascript 的面向对象特性参考
JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接
JScript面向事件驱动的编程
一份老外写的XMLHttpRequest代码多浏览器支持兼容性

No. « 42 43 44 45 »

技术文章搜索

关键字

Javascript 中的 JQuery UI皮肤定制

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