一款基于Prototype 1.6 的web布局管理器

原创 2007年10月05日 22:51:00

         一款基于Prototype 1.6 的web布局管理器,使用起来非常方便。其基于Prototype 1.6 应用css classes,下图概括了如何使用其css:

大致就是,

  • lm_top / lm_bottom ,顶部和底部 布局内容,可以无限增加
  • lm_left / lm_right ,左右内容
  • lm_center, 中间内容

html代码如下书写:

<div class="lm_container">  
  <div class="lm_top"></div>

  <div class="lm_left"></div>

  <div class="lm_center"></div>  

  <div class="lm_right"></div>  

  <div class="lm_bottom"> </div> 
</div>
当然需要引入Prototype 和 layout_manager   js库,如下:
head部分加入
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="layout_manager.js"></script>
另:还有几个比较让人欣喜的功能!
1.布局也支持嵌套,代码类似如下:
<div class="lm_container">  
  <div class="lm_top"></div>

  <div class="lm_left"></div>

  <div class="lm_center">
    <div class="lm_container">  
      <div class="lm_top"></div>
      <div class="lm_left"></div>
      <div class="lm_center"></div>  
      <div class="lm_right"></div>  
      <div class="lm_bottom"> </div> 
    </div>
  </div>  

  <div class="lm_right"></div>  

  <div class="lm_bottom"> </div> 
</div>
2.异步更新布局内容,你可以如此调用:
layoutManager.add('your_element_id');
layoutManager为一全局变量,js库中如此声明:
var layoutManager = null;
Event.observe(window, "load", function() { layoutManager = new LayoutManager() })
 
介绍如上,各位感兴趣的可以下载http://blog.xilinus.com/layoutmanager.zip
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

java swing 1.6布局管理器

GroupLayout 是一个 LayoutManager,它将组件按层次分组,以决定它们在 Container 中的位置。GroupLayout 主要供生成器使用,但也可以手工编码。分组由 Grou...

GridBagLayout布局管理器的运用

  • 2012年01月01日 23:46
  • 2KB
  • 下载

布局管理器及事件处理代码

  • 2012年06月10日 22:06
  • 213KB
  • 下载

Java三大常用布局管理器

三大常用布局管理器:BorderLayout,FlowLayout,GridLayout,以及计算器的案例

java 布局管理器

  • 2012年09月18日 11:11
  • 1KB
  • 下载

android学习笔记(1)--布局管理器

写在前面 简单了解Android UI组件: 1. Android中的所有UI组件都继承自android.view.View类,所有的UI组件都位于android.view包 和android.wi...

MFC布局管理器

  • 2016年12月12日 20:54
  • 72KB
  • 下载

布局管理器

  • 2015年05月06日 15:55
  • 10.36MB
  • 下载

Android的6种布局管理器总结

Android中的6大布局管理器:1). LinearLayout 线性布局管理器、2). TableLayout 表格布局管理器、3). RelativeLayout 相对布局管理器、4). Fra...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一款基于Prototype 1.6 的web布局管理器
举报原因:
原因补充:

(最多只允许输入30个字)