《jQuery Mobile快速入门》—— 1.6 可主题化的设计

简介:

本节书摘来异步社区《jQuery Mobile快速入门》一书中的第1章,第1.6节,作者:【美】Brad Broulik,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.6 可主题化的设计

jQuery Mobile快速入门
jQuery Mobile提供另一个可主题化的设计,它可以允许设计人员快速地重新设计他们的UI。默认情况下,jQuery Mobile提供了5个可主题化的设计,而且可以灵活地互换所有组件的主题,其中包括页面、标题、内容和页脚组件。创建自定义主题的最有用的工具是ThemeRoller1。

我们可以轻易地重新设计一个UI。例如,我可以迅速采用jQuery Mobile应用程序一个默认的主题(见图1-13),然后在几秒钟时间内就可以使用另外一个内置的主题来重

d446be5f8095e206b372f86165771ffbd116fc70

新设计默认主题。在修改主题时(见图1-14),我从列表中选择了另外一个主题。唯一需要添加的一个标记是data-theme属性。我们将在第7章详细讨论关于主题的相关知识。

b9efb359680fb247095e49ded7f926c024559113
相关文章
|
5月前
|
JavaScript 前端开发 开发者
jQuery 下载与快速入门指南
jQuery 下载与快速入门指南
238 0
|
设计模式 JavaScript 前端开发
|
XML JavaScript 前端开发
【jQuery超快速入门教程】上篇
【jQuery超快速入门教程】上篇
124 0
|
JavaScript 前端开发 API
JavaWeb快速入门--jQuery
JavaWeb快速入门--jQuery
71 0
|
JavaScript 索引
JavaWeb--快速入门jQuery(三)
JavaWeb--快速入门jQuery(三)
134 0
JavaWeb--快速入门jQuery(三)
|
JavaScript 前端开发 数据安全/隐私保护
JavaWeb--快速入门jQuery(二)
JavaWeb--快速入门jQuery(二)
149 0
JavaWeb--快速入门jQuery(二)
|
JavaScript 前端开发 API
JavaWeb--快速入门jQuery(一)
JavaWeb--快速入门jQuery(一)
142 0
JavaWeb--快速入门jQuery(一)
|
JavaScript 前端开发 开发者
一篇文章带你用jquery mobile设计颜色拾取器
一篇文章带你用jquery mobile设计颜色拾取器
185 0
一篇文章带你用jquery mobile设计颜色拾取器
|
JavaScript 前端开发 CDN
手把手教你用jQuery Mobile做相册
手把手教你用jQuery Mobile做相册
157 0
手把手教你用jQuery Mobile做相册
|
Web App开发 JavaScript 前端开发
15款优秀的jQuery-Mobile插件
移动互联网迅速发展,PC端的网页并不能完全适应移动端页面需求,响应式设计体验产生并成为潮流。由此也促成了jQuery Mobile的流行。jQuery Mobile这样一款基于jQuery和jQuery UI的框架,继承了jQuery的“write less,do more”精髓,具有良好的扩展性和可定制性,全面兼容各种平台设备,对于不支持的手机类型,也会降级到基础样式。
423 0
15款优秀的jQuery-Mobile插件
下一篇
无影云桌面