본문 바로가기

jQuery Mobile Toolbars2

jQuery Mobile 툴바(Toolbars) 안녕하세요!! 이번 포스팅은 지난 포스팅에 이어서 jQuery Mobile 툴바에 대해서 설명하겠습니다. 오늘 설명드릴 내용은 툴바에 대한 스크롤 입니다. 스크롤은 마우스에 달려있는 위, 아래 내리고 올리는 기능을 하는 역할이죠. 그런데 jQuery Mobile의 스크롤은 모바일에서 하는 것이기 때문에 손가락을 이용해서 한다고 보시면 되겠습니다. 스크롤은 총 3가지 방법으로 할 수 있습니다. inline : 기본적으로 헤더와 푸터 내용이 함께 스크롤 됩니다. fixed : 헤더와 푸터 내용은 고정된체 그 안의 내용만 스크롤 됩니다. fullscreen : 내용을 클릭하면 헤더와 푸터는 나타났다 사라졌다를 반복합니다. 내용만 보고 싶을 경우 한번 클릭하면 헤더와 푸터의 내용은 사라지며 내용만 스크롤을 하면.. 2013. 11. 13.
jQuery Mobile 툴바(toolbars) 안녕하세요!! 이번 포스팅은 jQuery Mobile 의 툴바에 대해서 알아보겠습니다. 내용이 조금 많은듯 해서 다음 포스팅과 반반 나눠서 포스팅해야 할듯 합니다. ^^; 우선 오늘 포스팅은 헤더 바(hearder bars)와 푸터 바(footer bars)에 설명하겠습니다. 사실 헤더(hearder)는 일반적으로 페이지 제목, 로고, 그리고 버튼을 포함하는 내용을 많이 담고 있습니다. 지금 보여드릴 예제는 여러분들이 왼쪽과 오른쪽에 버튼을 추가하는 내용입니다. 예제를 보시기 바랍니다. Home 나의 모바일 홈페이지 Search // 붉은 글씨로 표시된 부분을 보면 태그 태그 태그로 나오는 것을 볼 수 있고 data-icon 은 home 과 search 를 넣어서 해당하는 아이콘이 나오게 한것을 알 수 .. 2013. 11. 11.