LeanModal 轻量级jquery弹出层插件

LeanModal  轻量级jquery弹出层插件60
LeanModal是一个用于创建模式对话框的超级简单JQuery插件。可以展示隐藏的页面内容,整个插件大小只有780bytes,可灵活变化高度和宽度,没有用到任何图片,支持在一个页面中创建多个实例,非常适合于创建:登录框,注册框,警告对话框等。最重要的是界面非常干净UI设计很不错。优势        完美隐藏的页面内容        大小只有 1 kb         灵活的宽度和高度        免费的图像        在一个页面上的多个实例        伟大的登录、 注册 & 警报面板等弱点        没有画廊、 iframe 或 ajax 的支持        在 IE6 中未经测试如何使用步骤 1: 将 JQuery,jquery.leanModal.min.js 添加到您的页面:
<script type="text/javascript" src="path_to/jquery.leanModal.min.js"></script>
步骤 2: 样式表,只需包括以下覆盖样式块你现有的样式表中。另外,务必要隐藏您模态的元素与 'display: none;' 。
#lean_overlay {    position: fixed;    z-index:100;    top: 0px;    left: 0px;    height:100%;    width:100%;    background: #000;    display: none;}
步骤 3: 在您的触发器上,调用如下所示的函数。一定要设置你的触发锚以匹配您的目标元素的 id 的 href 属性。
$("a[rel*=leanModal]").leanModal();
......,或如果您希望在同一页上的多个模态窗口,只需将 'rel' 属性添加到您的触发器和属性,通过调用函数就像这样:$("#trigger_id").leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });

也许你还喜欢