본문 바로가기

툴바3

12. jQuery Mobile 툴바(내비게이션바) Index 10. jQuery Mobile 툴바(헤더바) 11. jQuery Mobile 툴바(푸터바) 12. jQuery Mobile 툴바(내비게이션바) 13. jQuery Mobile 공통 푸터바 14. jQuery Mobile 아이콘(data-icon, data-iconpos, 사용자 정의 아이콘) jQuery Mobile에서 툴바(Toolbar)는 컨텐트 영역과는 별개의 영역으로 페이지의 상단,하단에 위치하는 영역이다. 툴바에서 헤더바, 푸터바, 내비게이션바가 있다. 툴바는 제목, 버튼 등을 포함한다. 내비게이션바 내비게이션바는 두개 이상의 버튼을 수평으로 나열해서 하나의 탭바를 형성하는 UI 이다. 주로 헤더바나 푸터바 안에 위치하며 최대 5개까지의 버튼을 가질 수 있다. 버튼이 5개를 넘어가면.. 2013. 12. 12.
11. jQuery Mobile 툴바(푸터바) Index 09. jQuery Mobile 컨텐트 10. jQuery Mobile 툴바(헤더바) 11. jQuery Mobile 툴바(푸터바) 12. jQuery Mobile 툴바(내비게이션바) 13. jQuery Mobile 공통 푸터바 jQuery Mobile에서 툴바(Toolbar)는 컨텐트 영역과는 별개의 영역으로 페이지의 상단,하단에 위치하는 영역이다. 툴바에서 헤더바, 푸터바, 내비게이션바가 있다. 툴바는 제목, 버튼 등을 포함한다. 푸터바 푸터바는 페이지 하단에 위치하는 툴바다. 푸터바는 여러개의 버튼을 포함할 수 있다.(헤더바는 좌우 두개의 버튼만 가질 수 있다) //푸터 컨텐트가 위치 data-position="fixed" 속성을 추가하면 푸터바는 페이지 하단에 고정된다. 이 속성을 제거.. 2013. 12. 10.
10. jQuery Mobile 툴바(헤더바) Index 08. jQuery Mobile 페이지(data-role="page") 09. jQuery Mobile 컨텐트 10. jQuery Mobile 툴바(헤더바) 11. jQuery Mobile 툴바(푸터바) 12. jQuery Mobile 툴바(내비게이션바) jQuery Mobile에서 툴바(Toolbar)는 컨텐트 영역과는 별개의 영역으로 페이지의 상단,하단에 위치하는 영역이다. 툴바에서 헤더바, 푸터바, 내비게이션바가 있다. 툴바는 제목, 버튼 등을 포함한다. 헤더바 헤더바는 페이지 상단에 위치하는 툴바다. 주로 페이지의 제목이나 페이지 내비게이션용 버튼들이 위치한다. 버튼은 좌우 두개의 버튼만 가능하다. 제목 Prev Next data-position="fixed" 속성을 추가하면 헤더바는 .. 2013. 12. 8.