2011年1月7日金曜日

jQuery Mobile その4(テーマ)

jQueryは、UI部品のデザインというか配色を手軽に変更できる機能があるので、とりあえずメモ。

指定できるテーマは5種類で、a,b,c,d,eをdata-theme属性の属性値として指定する。

(指定パターン)
a:黒系
b:ブルー系
c:ライトグレー(?)
d:ダークグレー(?)
e:イエロー

(指定例)

<a data-role="button" data-theme="e">ボタン</a>


テーマはボタン部位以外にも、ほとんどすべてのUI(できないのがあるのか?調べてない)で変更が可能。
入れ子になるような場合でも、別々に指定が可能で、子要素にあたるところでテーマを指定していない場合は、上位のテーマが継承される。

0 件のコメント: