저는 이미 iPhone 앱에서이 작업을 수행했습니다.하지만 HTML 페이지에서 CSS 효과를 사용하는지 여부를 알고 싶습니다. 
페이지를 나누고 밑에 물건을 드러내는 방법?
당신이 볼 수 있듯이
은 현재보기는 바닥 부분이 아래로 이동, 분할, 또 다른보기는 아래에 공개된다. 나는 이것을 시험해보고 싶은 페이지가있다. 이 아이디어가 가능하다면 어떤 아이디어가 있습니까? 어떻게 할 수 있습니까? 나는 입니다. HTML 코드가 새롭기 때문에입니다. 제발 쉽게 들으세요. :)
미리 감사드립니다.
다음은 떨어져이 패턴에서 취할
몇 가지 http://jsfiddle.net/Cquhj/를 시작하는 데 예입니다 :
middle 사업부는 overflow: hidden; 재산과 height: 0px 있습니다.trigger 아이콘의 아이콘은 middle의 height을 원하는 크기로 트 위화하는 이벤트가 있습니다.편집 :
정말 자원과 답변처럼 주어진 나는 목록 여기 http://wiki.forum.nokia.com/index.php/Mobile_Design_Pattern:_Accordion_Menu
네, 그렇습니다. 평범한 것이 아니며 CSS가 반드시 필요할 것입니다.
그렇듯이 질문은 매우 일반적이며 답변은 다음과 같습니다. HTML 및 CSS 및 표준 준수 웹 페이지 레이아웃 생성을위한이 두 가지 방법에 대해 알아보십시오. 상자 모델에 대해서도 읽을 수 있습니다. 문제를 해결하려면 원하는 레이아웃을 얻기 위해 일련의 <div> 시리즈의 사용, 위치 지정 및 부동화에 대해 알아야합니다.
분할 뷰의 일부와 마찬가지로 애니메이션을 추가하려는 경우 자바 스크립트도 필요합니다. SO에 대한 연구에 대한
가능한 시작 지점 :
Why not use tables for layout in HTML?
https://stackoverflow.com/search?q=css+div+column
이 매우 가능하지만,이 종류의 내가 문명을 프로그램 할 "묻는처럼, 나는 C에 아주 새로운 해요; 어떻게해야합니까? " ;-)
좋은 "DHTML"(동적 HTML) 책을 선택하는 것이 좋습니다. 예를 들어, SitePoint에서 오히려 즐거웠습니다. http://www.sitepoint.com/books/dhtml1/
책 구매 유형이 아닌 경우 SitePoint 및 AListApart와 같은 사이트는 형식을 체계적으로 설명하지는 않지만 확실하게 설명 할 수 있습니다.
행운을 빈다.
도움 주셔서 감사합니다. 나는 웹 사이트 제작에 대해 진지하게 생각하고 있다면 책을 집을 것이라고 생각한다. 현재, 나는 재미로 이것을하고 있습니다. :) –
이를 추가 할 계획이 모방하는 경우 더 당신에게 조금을 줄 수있는 코드 예제입니다 jQuery를 사용하는 iOS 4 폴더 비헤이비어.
보기는 기본적으로 행으로 나뉘며 배경 분리 환상을 허용하기 위해 배경 위치 CSS 속성으로 재생됩니다.이 폴더 한 번 클릭의 하단에있는 삼각형을 그리워하고 더있을 때 용기의 높이를 계산
여기정말 멋지 네요. 게시 해 주셔서 감사합니다! –
그건 재미 스파이크 였어 :) –
업데이 트보다 아이폰과 같은 4 아이콘보다.
좋은 일, 그게 더 좋아 보인다. :) –
나는 ...이 이전 게시물/질문 알고 있지만 내가 여기에 동적 높이와 위치로이 일을 해요 :
http://webkit-os.pixelass.com/iframe/ 을 (만 크롬과 사파리에서 작동) 내가 사용하고 jQuery와 같은 이미지를 가진 두 div. 동적 위치는 폴더를 다른 위치 또는 페이지로 이동할 수 있음을 의미합니다. 동적 높이 의미 ... 높이는 폴더의 아이콘 행 수를 기준으로합니다.
콘텐츠가 너무 아래에 표시 될 수없는 경우 폴더가 위아래로 열리기도합니다. (Dock에서 폴더를 열지 못했습니다.)
재미 있습니다! HTML5 & CSS에서 모든 것을 만들려면 정말 오랜 시간이 걸렸을 것입니다. –
그것은 그 뒤에있는 논리입니다. 몇 달 전에 jQuery로 시작 했으므로 꽤 기본적인 것 같아요. 나는 CSS에 꽤 능숙하며 이점이 있다고 생각합니다. 어쨌든 이것은 여전히 진행중입니다. 나는 약 4 주 전에이 프로젝트를 시작했고 내가 발견 할 수있는 여가 시간을 갖기 위해 노력했다. 아무도 이것을 필요로하지 않을 경우에 대비하여 – pixelass
. http://dream-world.us/2011/12/07/advanced-ios-style-folders-page-split-with-jquery/. 동적 위치 지정 기능을 갖춘 iOS 5 스타일의 페이지 분할 기능과 작은 화살표까지 지원합니다. 이것은 모든 배경에서 작동합니다. blogpost에는 데모 및 다운로드 기능이 있습니다. 즐기십시오 .... – pixelass
답변 해 주셔서 감사합니다. 올바른 방향으로 나를 가리킬 수있는 자원이 있습니까? –
사실 월드 와이드 웹과 특히 SO는 이러한 리소스로 가득차 있습니다. 질문에 백 번 부탁했습니다 ... 저는 여러분의 질문을 생각하고 있었지만이 멋진 스크린 샷을 추가했습니다. 그래서 ... 오 와타. – markus
@thearkun 아, 나는 여기에서 수색했지만 아무것도 나타나지 않는 것처럼 보였다. 이것이 무엇이라고 불리는가? 그래서 나는이 용어에 익숙하다. –