jQuery弹出窗口插件"LeanModal.js"的使用

参考网址：

 http://leanmodal.finelysliced.com.au/

LeanModal.js下载地址：

http://leanmodal.finelysliced.com.au/leanModal.v1.1.zip

使用方法：

下载后在html中载入JS:

<script type="text/javascript" src="域名/jquery.leanModal.min.js"></script>

网页遮罩部分CSS:

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

弹出窗口先要隐藏：

#singup{display:none;}

针对弹出窗口触发

1.第一种

$("#trigger_id").leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });

“.modal_close”的意思是关闭按钮

例如:

 <li class="sb4"  ><a href="#signup" rel="leanModal"> </a><p>射频科技</p></li

<div id="signup" > 弹出窗口内容区域</div>

是窗口：

2.第二种

$("a[rel*=leanModal]").leanModal();

2.第三种

$("#trigger_id").leanModal();