基于prototype.js和lightbox.js的弹出层效果

在做一个帮助系统的时候用到的弹出层效果，样式已经经过改造，发布的时候只是取出了一些必须的部分。这个弹出层基于prototype.js框架和lightbox.js框架。弹出层居中显示，背景半透明，可自行掉接透明度。可以附带关闭按钮。代码与结构分离，内容层中你可以任意修改。

引用方式：

1.在head区域中引用 样式和脚本
<link rel="stylesheet" href="style/screen.css" media="screen,projection" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

2.在标签中加入 <div id="lightbox2" class="leightbox">这是你要展示的内容</div>，其中id="lightbox2"是变化的，从1开始计。

TAG标签