layoutMinWidth.htm 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
  2. transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title></title>
  6. <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
  7. <script src="../../lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
  8. <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>
  9. <script src="../../lib/ligerUI/js/plugins/ligerLayout.js" type="text/javascript"></script>
  10. <style type="text/css">
  11. </style>
  12. <script type="text/javascript">
  13. $(function ()
  14. {
  15. $("#layout1").ligerLayout({
  16. minLeftWidth:80,
  17. minRightWidth:80
  18. });
  19. });
  20. </script>
  21. <style type="text/css">
  22. body{ padding:10px; margin:0;}
  23. #layout1{ width:100%; margin:40px; height:400px;
  24. margin:0; padding:0;}
  25. #accordion1 { height:270px;}
  26. h4{ margin:20px;}
  27. </style>
  28. </head>
  29. <body style="padding:10px">
  30. <div id="layout1">
  31. <div position="left"></div>
  32. <div position="center" title="标题">
  33. <h4>$("#layout1").ligerLayout(); </h4>
  34. <input id="show" type="button" value="默认为固定layout的高度百分一百"/>
  35. </div>
  36. <div position="right"></div>
  37. <div position="top"></div>
  38. <div position="bottom"></div>
  39. </div>
  40. <div style="display:none;">
  41. </div>
  42. </body>
  43. </html>