Latest web development tutorials

예 jQuery를 모바일

jQuery를 모바일 페이지

기본 모바일 웹
여러 페이지
대화

예를 설명


jQuery를 모바일 페이지 전환

페이드 효과
후방 플립 효과로부터 전방
흐름 효과
팝 효과
효과를 슬라이딩
오른쪽에서 왼쪽으로 슬라이드 및 효과를 퇴색
바닥에서 효과를 슬라이딩 맨
하단 슬라이딩 효과를 처음부터
플립 효과
어떤 전환 효과 없다
리버스 효과

예를 설명


jQuery를 모바일 버튼

버튼 만들기
인라인 버튼
버튼의 조합
뒤로 단추
필렛 또는과 모서리가 둥근 버튼
소형 또는 일반 크기 버튼
또는 그림자의 그림자없이 버튼

예를 설명


jQuery를 모바일 버튼 아이콘

버튼에 아이콘을 추가
위치 아이콘
전용 아이콘 표시

예를 설명


jQuery를 모바일 도구 모음

열 머리와 꼬리 줄 만들기
헤더 표시 줄에 버튼 추가
왼쪽 열 헤드에 추가 버튼을
헤드 칼럼의 우측에 추가 버튼
후면 바 버튼
버튼과 후면 줄을 맞 춥니 다
버튼의 조합 테일 바
버튼의 수평 조합 테일 바
인라인 위치 - 바 머리와 꼬리 열 및 페이지 내용 인라인
고정 위치 - 바 머리와 꼬리 바는 페이지의 상단과 하단에 고정
전체 화면 포지셔닝 - 바 머리와 꼬리 바가 페이지의 상단과 하단에 고정되어 있지만, 페이지의 콘텐츠를 포함한다

예를 설명


jQuery를 모바일 탐색 모음

내비게이션 막대 만들기
콘텐츠 탐색 모음
꼬리 탐색 모음
탐색 모음에 단추를 추가가 선택 (누름) 외관
선택 (누름) 모양을 추가 계속
탐색 표시 줄에 아이콘
탐색 모음 데모 10 버튼

예를 설명


jQuery를 모바일 축소 블록

축소 콘텐츠 블록 만들기
콘텐츠를 확장 할 때 페이지가로드
중첩 축소 블록
접이식 컬렉션
에 둥근 축소 블록 취소
접을 수있는 블록이 작은하자
아이콘을 축소 블록 변경
축소 목록
접을 수있는 형태

예를 설명


jQuery를 모바일 그리드

두 레이아웃
세 가지 레이아웃
네 레이아웃
다섯 레이아웃
사용자 정의 그리드
멀티 라인 아웃

예를 설명


jQuery를 모바일 목록

목록보기 만들기
모서리가 둥근 목록보기
구분 된 목록
자동 분리
검색 필터를 만들기
검색 창에 텍스트를 변경
읽기 전용 목록 만들기
항목 축소판을 목록에 추가
정보 가득 HTML 요소, 목록 항목 추가
항목을 나열하는 아이콘 추가
분할 버튼으로 목록을 작성
더 많은 기능 항목의 목록을 확인
거품 수를 만들기
기본 목록 항목 링크 아이콘 만들기
축소 목록
달력 만들기

예를 설명


jQuery를 이동할 수있는 형태

텍스트 입력 상자
텍스트 입력 필드
검색 입력 창
라디오 버튼
확인란
수평 결합 라디오 버튼과 체크 박스
라디오 버튼과 체크 박스 필드 용기
사전 선택 라디오 버튼 / 확인란
선별 된 메뉴 만들기
파티션 (OPTGROUP)의와 선택 메뉴 만들기
사용자 선택 메뉴
선택 메뉴에 하나 이상의 옵션을 선택합니다
포트폴리오 선택 메뉴
포트폴리오 선택 메뉴 레벨
미리 선택 옵션
접을 수있는 형태
슬라이더 컨트롤을 만듭니다
하이라이트 하이라이트 슬라이더 값
토글 스위치 만들기
사전 선택 토글 스위치

예를 설명


jQuery를 모바일 테마

테마 "A"
주제 "B"
테마 머리와 꼬리 콘텐츠
테마 대화
항목 버튼
테마 아이콘
테마 버튼의 머리와 꼬리
주제 네비게이션
항목 축소 버튼과 내용
주제 목록
주제 분할 버튼
항목 축소 목록
테마 양식
주제 접을 수있는 형태
사용자 지정 테마

예를 설명


jQuery를 모바일 이벤트를 터치

클릭 (탭) 이벤트
클릭 한 상태 (Taphold) 이벤트
슬라이드 (스 와이프) 이벤트
왼쪽 (Swipeleft) 이벤트를 스 와이프
오른쪽으로 스 와이프 (Swiperight) 이벤트
스크롤 시작 (Scrollstart) 이벤트
스크롤 끝 (Scrollstop) 이벤트
방향 (위해서 orientationchange) 이벤트의 변경 - 방향을 묻는 메시지가
방향 (위해서 orientationchange) 이벤트의 변경 - 세로 및 가로로 서로 다른 스타일을 설정

예를 설명