본문 바로가기

data-theme4

21. range 양식, slider Index 19. jQuery Mobile 폼 양식 20. HTML5 에서 추가된 폼 양식 21. range 양식, slider 22. select 양식 23. checkbox, radio 버튼 양식 슬라이더는 볼륨 조절 장치처럼 좌우로 조절할 수 있는 UI이다. jQuery Mobile 은 range 양식을 슬라이더로 만들어 준다. 슬라이더의 min 속성은 최소값, max 속성은 최대값을 지정한다. 슬라이더 조절바의 색상은 date-theme="e" 속성 값을 조정해서, 트랙 색상은 data-track-theme="b" 속성을 조정해서 변경할 수 있다. Range : [영어회화] Keep an eye on this, will you? 이것좀 봐줘여, 그럴래요? 2013. 12. 25.
09. jQuery Mobile 컨텐트 Index 07. jQuery Mobile 에서 페이지 트랜지션 08. jQuery Mobile 페이지(data-role="page") 09. jQuery Mobile 컨텐트 10. jQuery Mobile 툴바(헤더바) 11. jQuery Mobile 툴바(푸터바) jQuery Mobile 에서 컨텐트는 로 정의 된다. 컨텐트에는 데이터 및 jQuery Mobile 의 UI요소들이 배치된다. //jQuery Mobile 의 UI 요소들이 배치된다. 컨텐트 정의시에 사용할수 있는 data-* 속성은 다음과 같다. data-* 속성 설명 값 data-theme 컨텐트 테마 swatch letter(a-z) 관련글 jQuery Mobile 페이지(data-role="page") 2013. 12. 6.
08. jQuery Mobile 페이지(data-role="page") Index 06. 페이지간 이동에 태그 대신 jQuery Mobile에서 제공하는 $.mobile.changePage() 메소드 사용 07. jQuery Mobile 에서 페이지 트랜지션 08. jQuery Mobile 페이지(data-role="page") 09. jQuery Mobile 컨텐트 10. jQuery Mobile 툴바(헤더바) jQuery Mobile 에서 페이지는 로 정의 된다. //페이지를 구성하는 요소가 배치된다. 하나의 HTML 페이지는 하나 이상의 페이지를 포함할 수 있다. 두개 이상의 페이지가 하나의 HTML 파일 안에 포함되는 경우 첫번째 정의된 페이지가 첫번째 페이지가 된다. 사이트의 첫페이지에서 호출되는 외부페이지들은 하나의 HTML 파일 안에 하나의 페이지만 선어되어 있.. 2013. 12. 4.
01. jQuery Mobile ? Index 1. jQuery Mobile ? 2. jQuery Mobile 웹앱 파일의 기본 구조 3. jQuery Mobile 페이지를 구성하는 4가지 영역 jQuery Mobile은 jQuery 진영에서 개발한 모바일 웹앱프레임워크다. jQuery Mobile은 HTML5와 CSS3 기반의 사용자 인터페이스와 터치 이벤트 처리, 페이지 이동 애니메이션, Ajax통신 등의 모바일용 기능을 제공한다. 다음 URL http://www.jqmgallery.com 로 접근하면 jQuery Mobile로 개발된 웹앱들을 볼 수 있다. 단, 크롬으로 접근해야 정확한 결과를 볼 수 있다. jQuery Mobile의 주요 특징 jQuery 기반 기존에 익숙한 HTML 태그를 이용해서 개발 HTML5, CSS3 기반 .. 2013. 11. 23.