[jquery] jQuery UI Layout Plug-in

Dev Story/dev 2012. 4. 10. 11:11

ExtJS의 Border-Layout을 jQuery로 만든 플러그인이다.

Center, North, South, East, West 로 구분하여 레이아웃을 생성할 수 있다. (ExtJS=region)

jQuery Plugin Site : http://archive.plugins.jquery.com/project/Layout
HOME
DEMO
DOWNLOAD
DOCUMENT
TIPS

* Examle

<html>

<head>
<script src="jquery.js"></script>
<script src="jquery.layout.js"></script>
<script>
    $(document).ready(function () {
        $('body').layout({ applyDefaultStyles: true });
      });
</script>
</head>
<body>
<div class="ui-layout-center">Center</div>
<div class="ui-layout-north">North</div>
<div class="ui-layout-south">South</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>

</html>

* jQuery UI Laout Plug-in

jquery.layout

* ExtJS Border-Layout

저작자표시

'Dev Story > dev' 카테고리의 다른 글

[oracle] ORA-01745: 호스트/바인드 변수명이 부적합합니다 (0)	2012.04.17
[oracle] TABLESPACE 생성, 사용자 생성 및 권한 (0)	2012.04.17
[svn] trunk, branches, tags 디렉토리 용도 (0)	2012.03.30
How To Use 'Syntaxhighlighter' - code highlight (0)	2012.02.25
[tomcat] MAC OS에서 tomcat 설정 (0)	2010.08.05