10 스마트폰 페이지 전환 익히기
모바일 SW 설계
10-1 목록 만들기
ul(unordered list : 순서없는 목록)
li(list) 엘리먼트 사용
ol(ordered list: 순서있는 목록)
실습과제 (p.300)
10-2 다양한 페이지 링크 연결(1)
JQueryMobile에서 제공하는 기본 기능
같은 내부도메인 페이지
기본적으로 slide(슬라이드) 효과 적용
대화상자 열기
기본적으로 pop(팝) 효과 적용
외부도메인
장면 전환 효과가 발생하지 않음
같은 내부도메인 페이지라도 자바스크립트 충돌이 일어나는 경우 외부도메인으로 열면 해결(rel=“external” 활용)
<a href=“sub.html”>서브 페이지로 이동</a>
<a href=“sub.html” data-rel=“dialog”>대화상자 띄우기</a>
<a href=“http://www.google.com”>구글 페이지로 이동</a>
<a href=“sub.html” rel=“external”>외부 도메인처럼 이동</a>
10-2 다양한 페이지 링크 연결(2)
실습과제 (p.306)
data-role=“listview”
data-role=“list-divider”
사파리에서 확인
다양한 페이지 전환 효과 (data-transition 속성이용)
Slide
Slide Up
Slide Down
Fade
Pop
Flip
