基于jQuery的弹出层

一个基于jQuery的弹出提示层效果。弹出层有渐显效果，居中显示，代码与内容结构分离。你可以修改样式表facebox.css实现你设计的效果。

JS代码修改说明：在要加弹出提示层的标签上加上如下类型标签来引用。href="#mydiv" 是要弹出层的 ID ，rel="facebox" 是必须引用的。
<a href="#mydiv" rel="facebox">基于jQuery的弹出层</a>

完整的 引用示例如下：
<a href="#mydiv" rel="facebox">基于jQuery的弹出层</a>
<div id="mydiv" style="display:none">这里面就是你的弹出层内容</div>

当然你可以修改facebox.js中的html结构使结构更符合你的要求。

TAG标签