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

Javascript
[HTML/CSS/Javascript]WWTJS
DynamicOptionList连动菜单代码
用meta实现的页面跳转代码
带缓冲的 收缩与展开内容效果
删除数组条目中重复的条目(可能有多个),返回值是一个仅包含被删除的重复条目的新数组。
javascript入门·对象属性方法大总结
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
JavaScript 入门·JavaScript 具有全范围的运算符
用javascript实现模拟火焰
JavaScript加密解密7种方法总结分析
javascript一段创建层的代码
简洁的一个实现网页全屏代码
关于 byval 与 byref 的区别分析总结
表单填写时用回车代替TAB的实现方法
javascript currentTarget对象介绍
js文本中搜索关键词输入效果
javascript实现的左右选择框效果代码
JS网络游戏-(模拟城市webgame)提供的一些例子下载
javascript最短的拖动代码[兼容FF]
javascript实现的LI列表输出,隔行同色的代码

Javascript 中的 JQuery UI皮肤定制


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