Introducing jQuery Mobile ? Tool for HTML5 Mobile Platforms Development (One)

 http://www.flash-to-html5.net/blog/introducing-jquery-mobile-tool-for-html5-mobile-platforms-development-one

jQuery Mobile 에서 스크립트 코드 해석이 안되어서 찾아 보았습니다.

기본적으로 제시되고 있는 테마가 a, b, c, d, e 다섯가지 입니다. 그리고 f 부터는 사용자가 커스터마이징해서 사용할수 있다고 하네요.


Theme Classes

jQuery mobile 에서 테마를 적용하기위한 방법에는 두가지가 있습니다.

data-theme= "a" 와 같이 속성을 사용하여 테마를 적용하는 방법

<div data-role = "page" data-theme = "a"></div>

class 속성에 개별적으로 테마를 적용하는 방법

<div data-role = "page" class = "ui-body-c"></div>

ui-bar-(a-z)

ui-body-(a-z)

ui-btn-up-(a-z)

Commonly used with the ui-btn-hover-(a-z) and ui-btn-down-(a-z), ui-btn-active

ui-corner-all

ui-corner-tl (top left only), -top (both top corners), -left (both left corners, .ui-btn-corner-all.

ui-shadow

ui-disabledui-bar-(a-z)

ui-body-(a-z)

ui-btn-up-(a-z)

Commonly used with the ui-btn-hover-(a-z) and ui-btn-down-(a-z), ui-btn-active

ui-corner-all

ui-corner-tl (top left only), -top (both top corners), -left (both left corners, .ui-btn-corner-all.

ui-shadow

ui-disabled


블로그 이미지

희망잡이

,