본문 바로가기
반응형

jQuery Mobile5

jquery mobile demo - Checkboxradio widget(체크박스, 라디오 위젯) jquery mobile demo - Checkboxradio widget(체크박스, 라디오 위젯)* 체크박스- 기본설정체크박스 - 작은폰트(Mini size)체크박스체크하기 - 세로나열하기(vertical group)세로정렬 : 체크하기1체크하기2체크하기3 - 가로나열하기(horizontal group)가로정렬 : 체크하기1체크하기2체크하기3 - 체크박스 우측위치(Icon postion)아이콘우측 : 체크하기1체크하기2체크하기3 - 체크박스 사용제한(Disabled)체크박스 - 강조형(Enhanced)체크하기 2015. 3. 13.
jquery mobile demo - Button widget(버튼 위젯) jquery mobile demo - Button widget(버튼 위젯)버튼 사용하기 예제 - 강조형(Enhanced)Input Value - 모서리 라운드주기(Corners)Input Value - 아이콘만 나오게 하기강조 - 아이콘만표시 - 그림자 옵션(Shadow)강조형 - 한줄에 표시(Inline)강조형 - 작은폰트(mini)강조형 - 아이콘과 함께(Icon)강조형 - 아이콘 위치 설정(Icon position) 강조형-왼쪽강조형-오른쪽강조형-위강조형-아래강조형-아이콘만 - 사용불가(Disabled)강조형 2015. 3. 12.
jquery mobile demo - Buttons(버튼) jquery mobile demo - Buttons(버튼) jQuery mobile에서는 버튼의 스타일을 다양하게 설정할 수 있다. 기본적으로 사용방법은 data-role="button"으로 사용할 수 있으나 간단하게 클래스 적용으로도 가능하다. 링크 버튼 버튼 옵션 - 테두리에 라운드주기버튼 * 버튼에 텍스트없이 아이콘만 주고싶은 경우에는 아래와 같이 사용한다.No textNo text - 버튼에 그림자효과 주기링크 버튼 - 버튼 한줄에 나열하기링크 버튼 - 버튼텍스트 작게쓰기링크 버튼 - 버튼에 아이콘 추가하기링크 버튼 - 버튼에 사용되는 아이콘 위치설정하기왼쪽오른쪽위아래아이콘만보이기 - 버튼한줄에 나열하기(아이콘포함)왼쪽오른쪽위아래아이콘만보이기 - 버튼 아이콘에 그림자효과주기링크 버튼 - 클릭불가 .. 2015. 3. 5.
jquery mobile demo - Introduction jquery mobile demo- Introduction(소개)jQuery Mobile은 터치 기반의 프레임워크로 다양한 모바일디바이스, 타블렛, 데스크탑 플랫폼을 지원한다. jQuery 프레임워크를 기반으로한 HTML5중심의 구성은 쉽게 접근할 수 있으면서 강력한 API로 사용자 정의가 가능하다. - Page & Dialogs(페이지&다이얼로그:인터페이스)jQuery Mobile에서 page는 data-role="page" 와 같은 형식으로 사용된다. div 태그와 주로 사용하며, data-role="header", class="ui-content", data-role="footer" 등도 사용된다. - Ajax Navigation & Transitions(Ajax 네비게이션과 화면전환)jQuery .. 2015. 3. 4.
jquery mobile demo - Home jquery mobile demo- HomejQuery Mobile은 웹사이트와 모든 스마트폰, 태블릿 및 데스크탑 장치에서 액세스 할 수있는 응용 프로그램을 수 있도록 설계된 터치에 최적화 된 HTML5 UI 프레임워크이다. Jquerymobile은 크게 4가지 분류로 나눌수 있다.1. 페이지 & 네비게이션- 페이지, 네비게이션, 페이지 로딩방식, 전환효과 등을 설정 할 수 있다. 2. CSS 프레임워크- 페이지 전체를 테마로 구분가능하며, 버튼, 아이콘, 그리드와 문서, 바(bar) 등을 클래스화 한다. 3. 위젯- 툴바, 네비게이션바, 탭, 패널, 팝업 이외에도 리스트, 펼침메뉴, 응답형 표(Table), 검색창 등을 손쉽게 설정할 수 있다. 4. 위젯적용- 체크박스, 라디오, 셀렉트 메뉴 등 폼관.. 2015. 3. 4.

티스토리툴바