demun(대문블로그)

퍼블리셔/jQuery2012. 7. 4. 06:00

이번에는 가로로 된 아코디언 메뉴입니다. 이글은 웹디자이너를 위한 jquery 에서 추출한 것입니다. 가로로 된 메뉴는 이전에도 한번 다룬적이 있습니다. jquery cookbook 에서 다룬것인데요 거기는 수평 아코디언이라고 했습니다. 수평 아코디언 보기 => http://demun.tistory.com/2083 이글은 이전글과 맥락을 같이 함으로 이전글을 참고하시기 바랍니다. 접었다 폈다하는 아코디언 메뉴 1 => http://demun.tistory.com/2141 접었다 폈다하는 아코디언 메뉴 2 => http://demun.tistory.com/2142 이번에도 이미지가 들어가므로 이미지는 제가 블로그에 업로드한후 경로를 수정했습니다. 가로로 된 아코디언은 라벨 부분이 세로로 표현이 되야하는데 ..

퍼블리셔/jQuery2012. 2. 10. 06:00

jquery cookbook 에 수평 아코디언 메뉴가 있습니다. 좀더 배우고 익히고자 이렇게 글을 씁니다. 제이쿼리 수평 아코디언 메뉴는 쿡북 예제 사이트에서 코드와 데모 화면을 볼 수 있습니다. 우선 어떤 방식인지 대략 살펴봅니다. 첫번째 화면. 두번째 화면. 세번째 화면. 즉 이미지를 클릭하면 왼쪽, 오른쪽으로 이동하는 아코디언 메뉴입니다. 전체코드는 아래 첨부한 파일을 다운로드 받아서 클릭해보시면 알 수 있습니다. 단 jquery 코드와 이미지 , 그리고 css 설정은 예제사이트의 주소로 했습니다. 전체코드는 내용이 길어 생략합니다. 파일을 다운로드 받아서 보시기 바랍니다. 여기서 jquery 부분을 살펴보겠습니다. 먼저 코드를 보시죠. $.fn.horizontalAccordion = functio..