jQuery 모바일 예
jQuery 모바일 페이지
기본 모바일 웹페이지
여러 페이지
대화 상자
인스턴스 설명
jQuery 모바일 페이지 전환
페이드 효과
뒤에서 앞으로 뒤집기 효과
흐름 효과
팝업 효과
슬라이딩 효과
오른쪽에서 왼쪽으로 슬라이딩 및 페이드 인 효과
아래에서 위로 슬라이딩 효과
위에서 아래로 슬라이딩 효과
페이지 넘김 효과
전환 효과 없음
반전 효과
설명 예 ㅋㅋㅋ
jQuery Mobile 버튼 아이콘
버튼에 아이콘 추가
위치 아이콘
아이콘만 표시
예제와 설명
jQuery Mobile 툴바
헤더 바와 트레일러 바 생성 헤더 바에 버튼 추가 헤더 바 왼쪽에 버튼 추가
헤더 바 오른쪽에 버튼 추가 버튼이 있는 트레일러 바
중앙 정렬 버튼이 있는 트레일러 바
콤보 버튼이 있는 바닥글 바
인라인 위치 지정 - 머리글 및 바닥글 막대는 페이지 콘텐츠와 인라인입니다. 고정 위치 지정 - 머리글 및 바닥글 막대는 페이지 상단과 하단에 고정됩니다. 전체 화면 위치 지정 - 머리글 막대와 바닥글 막대는 페이지 상단과 하단에 고정되지만 페이지를 덮습니다. 페이지 콘텐츠
예제 설명
jQuery 모바일 내비게이션 바
내비게이션 바 만들기
콘텐츠의 내비게이션 바
바닥글의 내비게이션 바
내비게이션 바의 버튼에 선택한(누른) 모양 추가
지속적으로 선택한(눌린) 모양 추가
탐색 막대에 아이콘 배치
탐색 막대에 있는 10개 버튼 데모
예제를 포함한 설명
jQuery 모바일 축소 가능 블록
접을 수 있는 콘텐츠 블록 만들기
다음 경우에 콘텐츠 확장 페이지 로드 축소 가능 블록 아이콘
접기 가능 목록
접기 가능 양식
예제와 설명
jQuery 모바일 그리드
2열 레이아웃3열 레이아웃
4열 레이아웃5열 레이아웃
사용자 정의 그리드 + 읽기 생성 -목록만
목록 항목에 대한 축소판 추가
HTML 요소를 추가하여 목록 항목에 정보 채우기
목록 항목에 아이콘 추가
분할 버튼으로 목록 만들기
목록 항목을 더 기능적으로 만들기
계산 거품 만들기
목록 항목 생성 기본 링크 아이콘
캘린더 만들기
예시를 통한 설명jQuery 모바일 양식
텍스트 입력 상자
텍스트 입력 필드
검색 입력 상자
라디오 버튼
Checkbox
라디오 버튼과 체크박스가 가로로 결합된 라디오 버튼과 체크박스가 있는 필드
라디오 버튼과 체크박스가 있는 필드 컨테이너
미리 선택된 라디오 버튼/체크박스
만들기 선택 메뉴
구분선을 사용하여 선택 메뉴 만들기(optgroup)
사용자 정의 선택 메뉴
선택 메뉴에서 여러 옵션 선택
결합된 선택 메뉴
가로로 결합된 선택 메뉴
미리 선택된 옵션
축소 가능한 양식
슬라이더 컨트롤 만들기
슬라이더 값 강조 표시
토글 만들기 switch
사전 선택된 토글 스위치
예시를 통한 설명
jQuery 모바일 테마
Theme" a"
Theme"b"
테마 헤더, 콘텐츠 및 예고편
테마 대화상자
테마 버튼
테마 아이콘
헤더 및 트레일러의 테마 버튼
테마 탐색 모음
테마 축소 가능 버튼 및 콘텐츠
테마 목록
테마 분할 버튼
테마 축소 목록
테마 양식
테마 축소 가능 양식
사용자 정의 테마
인스턴스 설명
jQuery Mobile 터치 이벤트
클릭(탭) 이벤트
길게 누르기(탭 홀드) 이벤트
슬라이딩(스와이프) 이벤트
Swipeleft 이벤트
Swiperright 이벤트
Scrollstart 이벤트
Scrollstop 이벤트
Orientationchange 이벤트 - 프롬프트 방향
Orientationchange 이벤트 - 다양한 스타일 설정 인물 및 풍경
예시를 통한 설명
