http://layout.jquery-dev.net/demos.cfm

TIP : 데모를 본 후이 페이지로 돌아가려면 '뒤로'를 클릭

플러그인 레이아웃에 대한 기본 데모가 있습니다 :

• example.html - 미니멀 한 예
• simple.html - 간단하지만 완벽한 레이아웃
• complex.html는 - 많은 기능을 활용하여 '중첩 된 레이아웃'을 가지고
• destroy.html은 - 레이아웃을 제거하는 '파괴'방법이 있습니다
• destroy2.html - 레이아웃을 계단식 쇼는 '파괴'와 '만들기'
• body_padding.html - 쇼 레이아웃 패딩 (삽입)와 마진 (초기)

레이아웃을 위해 대신 BODY의 컨테이너 요소를 사용하여 데모 :

• container.html - 컨테이너 폭과 수평 센터를 제한하는
• container_margins.html - 레이아웃 페이지 여백을 만들 수있는 컨테이너
• container_with_layout.html - 컨테이너 플러스 수직 패딩에 대한 래퍼 - 레이아웃
• container_centered.html - 수직으로되어 컨테이너 및 수평 중심으로

데모 쇼 '레이아웃 중첩'다른 일정을 만들 수 :

• nested.html - 생성 여러 사이드 바 / 열을
• nested_simple.html - 중첩 된 레이아웃으로 간단한 예
• nested_sidebars.html - 각 메뉴의 하위 레이아웃
• nested_3levels.html 둥지 3 층 깊이 - - '컨테이너'내부
• layouts_inside_tabs.html - 여러 여러 탭 내부에 중첩 된 - 레이아웃
• nested_percent_columns.html는 - 비례 / 비율 크기의 열을 보여줍니다

IFRAMES과 레이아웃의 예 :

• frames.html - 프레임 페이지 가운데 창 등이있는 메뉴 바
• iframes_many.html - 다른 구성에서 여러 IFRAMES과 페이지
• iframe_local.html - 어떻게 자녀 또는 부모 프레임의 레이아웃을 제어하는 방법

레이아웃의 상태를 저장에 대한 예 :

• saved_state.html - 레이아웃의 stateManagement에 대한 간단한 데모
• saved_state_nested.html - 중첩 / 어린이 레이아웃으로 stateManagement

레이아웃 사용자 정의 할 수있는 방법의 예 :

• popups.html - allowOverflow () 메소드를 사용하여 처리 팝업 및 드롭 다운
• printable.html - 인쇄 방법을 '중화'에 레이아웃 스타일

레이아웃과 통합 jQuery를 - UI 위젯이있는 데모 :

• accordion.html는 - UI 아코디언 위젯 통합
• tabs.html - UI 탭 위젯을 통합 - 자동 크기 조정과 &없이
• tabs_simple.html - 탭 간단한 구현
• tabs_ajax.html은 - 추가 단계가 필요합니다 원격 / Ajax 탭을 처리하는 방법을 보여줍니다
• accordions_and_tabs_inside_layout.html - 수많은 Accordions & 탭의 통합
• layout_inside_tab.html가 - 레이아웃을 놓고 내부 탭, 그리고 처리 '쇼에 크기'
• layouts_inside_tabs.html - 여러 여러 탭 내부에 중첩 된 - 레이아웃
• droppable.html는 - UI Sortable / Droppable 위젯을 통합
• autocomplete.html는 - UI 자동 완성 위젯을 통합
• datepicker.html는 - UI 날짜 - 피커 위젯을 통합
• layout_inside_dialog.html은 - 레이아웃을 사용하여 내부 UI 대화 상자

레이아웃과 통합 기타 jQuery를 플러그인과 데모 :

• widget_slickgrid.html는 - SlickGrid 플러그인을 통합

기타, 기타 데모 :

• ajax.html - 레이아웃에 새 콘텐츠를 아약스 주입
• button_samples_1.html - 레이아웃 기능을 제어 할 수 사용자 정의 버튼을 사용하여 간단한 데모
• custom_togglers.html - 그들 다기능 할 toggler - 버튼을 사용자 정의
• two_pane_toggler.html는 - 2 창 - 토글을 만들 서쪽 toggler을 사용자 정의
• custom_scrollbars.html는 - 사용자 정의 스크롤바를 추가하는 플러그인 jScrollPane을 통합
• flexible_height_columns.html - 크기에 맞춤 주입 콘텐츠에 대한 사용 사용자 정의 코드
• table_fixed_header.html은 - 생성 할 레이아웃을 사용하여 고정 스크롤 테이블에 대한 헤더 및 바닥 글
• toggle_center_pane.html - 사용자 정의 UI 기능을 만들 애니메이션을 수정
• toggle_alternate_layouts.html - 여러 레이아웃 사이를 전환 할
• toggle_alternate_layouts2.html - 이메일 응용 프로그램 도형 - '목록'및 '수정'사이의 전환