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

Javascript
JavaScript DOM学习第八章 表单错误提示
JavaScript DOM 学习第九章 选取范围的介绍
JavaScript CSS修改学习第一章 查找位置
JavaScript CSS修改学习第二章 样式
JavaScript CSS修改学习第三章 修改样式表
JavaScript CSS 修改学习第四章 透明度设置
JavaScript CSS修改学习第五章 给“上传”添加样式
JavaScript CSS修改学习第六章 拖拽
Jquery乱码的一次解决过程 图解教程
javascript 包裹节点 提高效率
javascript inneHTML的地雷
javascript 定义新对象方法
判定对象是否为window的js代码
jquery validator 插件增加日期比较方法
jquery 得到当前页面高度和宽度的两个函数
JavaScript 编写匿名函数的几种方法
jQuery 操作下拉列表框实现代码
jQuery入门问答 整理的几个常见的初学者问题
第一个JavaScript入门基础 document.write输出
javascript入门基础之私有变量

No. « 288 289 290 291 »

技术文章搜索

关键字

Javascript 中的 JQuery UI皮肤定制

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