《jQuery UI 开发指南》——1.5 更换CSS主题

简介:

本节书摘来自异步社区《jQuery UI开发指南》一书中的第1章,第1.5节,作者:【美】Eric Sarrion 译者:罗晴明 ,包勇明更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.5 更换CSS主题

CSS主题最好的地方是允许你方便地更换页面的外观——仅需更换你想要使用的主题目录名字就可以了。比如,把smoothness换成ui-lightness。

在使用未压缩版本文件的页面中,只需把页面中每个smoothness目录改成ui-lightness即可(粗体部分所示):
screenshot

在使用压缩文件的页面中,把smoothness目录改成ui-lightness(粗体部分所示):
screenshot

HTML页面将使用新主题(如图1-6所示)。
screenshot

相关文章
|
4月前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
32 0
|
6月前
|
JSON JavaScript 前端开发
jQuery$工具方法和CSS的属性经及方法
jQuery$工具方法和CSS的属性经及方法
40 0
|
6月前
|
前端开发 JavaScript 容器
jQuery03(筛选&文档处理&CSS位置)
jQuery03(筛选&文档处理&CSS位置)
|
1月前
|
前端开发 JavaScript
jquery+css实现Tab栏切换的代码实例
jquery+css实现Tab栏切换的代码实例
21 0
|
3月前
|
Java 数据库 Maven
基于springboot颐养中心商城前台系统(springboot+mybatis+maven+html+jquery+css)
基于springboot颐养中心商城前台系统(springboot+mybatis+maven+html+jquery+css)
|
3月前
|
Java 数据库 Android开发
基于SSM框架扶贫信息综合平台前台管理系统(spring+springmvc+mybatis+jsp+jquery+css)
基于SSM框架扶贫信息综合平台前台管理系统(spring+springmvc+mybatis+jsp+jquery+css)
|
4月前
|
JavaScript 前端开发
【jQuery学习】—jQuery操作CSS和表格
【jQuery学习】—jQuery操作CSS和表格
|
5月前
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
6月前
|
JSON JavaScript 前端开发
jQuery的$工具方法&CSS属性及方法
jQuery的$工具方法&CSS属性及方法
|
6月前
|
前端开发
CSS | 我看谁还不用这个UI库
最近新开不少项目,又实在是不想自己去定义特别多的 css 公共样式了,毕竟人多不好维护。于是找到了这个 tailwindcss UI 库。主要是内置了很多常用的 css 样式,前期避免了大量时间去写 css,中间开发也不用专门去维护,方便的一批。