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

Javascript
JavaScript中数组方法
JS的&&和&,||和|运算符两个不同点
一个例子认识JS的两个参数
练习:鼠标感应伸缩隐藏层
Javascript让媒体通过指定的按钮播放
已知商品单价,用JS计算所选数量的总价
用js实现select对div的隐藏与显示
JavaScript教程:onmouseover控制图片
网页设计中总结的几个有用的JS特效代码
Javascript代码在网页中简单应用的几个示例
实现在AJAX下的前进、后退功能
Javascript代码轻松隐藏网页源文件
Javascript实现打印网页中定义的部分内容
JS分层的概念与本地存贮
基于javascript的拼音字典及应用举例
JavaScript入门学习书籍的阶段选择
JS和CSS实现的气泡窗口
Javascript教程:实用的JS函数库
符合web标准的网页中调用Flash的方法
JS最常用的55个经典技巧

Javascript 中的 JQuery UI皮肤定制


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