热门关键字:
jquery > jquery教程 > jquery教程 > 主题样式Theming-jQueryMobile

主题样式Theming-jQueryMobile

369
作者:管理员
发布时间:2021/5/26 18:44:13
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4802
  主题样式(Theming)


  JQM中每一个布局和组件都被设计为一个全新的面向对象的css框架,使我们能够给站点和应用程序适用完全统一的视觉设计主题。JQM的主题样式系统与Jquery UI的ThemeRoller系统很类似,但是做出了几点重要的改进:


  使用的css3来显示圆角,文字和盒阴影和颜色渐变,而不是图片,使得主题文件非常轻量级,减轻了服务器的负担


  主体框架包含了几套颜色色板,每一套都包含了可以自由混搭和匹配的头部栏,body,按钮状态。用来构建视觉纹理,创建丰富的设计


  开放的主题框架允许你创建最多6套主题样式,给设计增加近乎无限的多样性


  一套简化的图标集,包含了移动设备上大部分需要使用的图标,并且sprite到一张图片里减少了图片大小


  JQM默认内建了5套主题样式,用(a,b,c,d,e)引用。为了使我们的颜色主题能够保持一直地映射到我们的组件中,我们遵从的规约是:a主题是视觉上最高级别的主题(黑色),b主题为次级用主题(蓝色),c主题为基准主题,在很多情况下是默认使用的,主题d为备用的次级内容用主题,主题e为强调用主题。你也可以手动添加主题用于强调,或者是特殊的场合。例如:你可以手动添加新的主题“i”,用于制作红色的工具栏或者按钮,用于错误提示等。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐