主题

     不同的样式搭配请参见:http://jqmgallery.com/

ThemeRoller使用

    主题是一组配色方案,包括:文字颜色;背景颜色和渐变;字体;
    免费的在线工具:http://jquerymobile.com/themeroller。themerooler的主窗口分成三个窗格:左侧的色样选取器;顶部的调色板窗格;右侧的预览窗格。使用方法:从顶部调色板选中一种颜色,拖放到预览窗口中某个元素的背景或者某段文字上,目标元素就会自动套用选中的颜色。
    配色方案的社区:Adobe Kuler是Adobe创建的一个分享配色方案的社区:http://kuler.adobe.com。可以搜索社区里精彩的配色方案。具体请参考那个网站上的内容或书上例子。

编辑主题

    每个类名都有一个ui前缀,它的后缀是所套用的色样,类似于ui-<名字>-<色样>。拿按钮来说,套用色样a的按钮的类名就是ui-btn-a。
    主题文件中可以修改从而定制用户界面的类:     
  主题_第1张图片

定制页面过渡

    假如data-transition属性的定义无法被系统识别,它会赚取寻找是否存在同名的Javascript处理程序。如果还是找不到,它会尝试应用CSS动画。
    如果要定义一个名叫card的过渡,就需要为.card.in和.card.out各定义一个选择器。此外,你可以选择定义一个逆向过渡,用于页面返回。为此需要添加相应的reverse类,也就是还要定义.card.in.reverse和.card.out.reverse。
    注意:不需要提供动画的调速方法也不需要提供动画的持续时间,因为在全局的结构性css文件中定义了。
    
    
    
    

你可能感兴趣的:(主题)