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

Javascript
IE6下如何让PNG图片变透明
jQuery教程:制作滑动动画效果的层
JS网页特效代码:切割网页图片特殊效果
正则表达式的高级技巧8个常用的概念
Javascript教程:获取当前地址栏url
百度前端笔试面试7个试题
互联网公司招聘web前端笔试题目
JS实例代码:点击复制地址发给QQ好友
JavaScript动态改变网页图片大小
jQuery实现搜索关键字自动匹配提示方法
JS实例代码解析:以实例方式学习数组知识
Mozilla:让JavaScript脚本直接操作本地文件
JS教程:给JavaScript文件传递参数
JS教程:如何制作表单自动聚焦的网页
通过JS正则表达式实现验证邮件的代码
JQuery教程:简化JQuery
jQuery教程:14个实用的jQuery技巧
JS实例:控制非法字符输入的JS代码
JavaScript实例:mini选择器实例代码详解
JQuery教程:获取网页表单值的方法

Javascript 中的 JQuery UI皮肤定制


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