jQuery弹出窗口插件LeanModal的使用方法

步骤 1： 将 JQuery，jquery.leanModal.min.js 添加到您的页面：

<script src="Javascript/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="Javascript/jquery.leanModal.min.js" type="text/javascript"></script> 

步骤 2： 覆盖层样式，将下列css添加到样式中。

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

步骤 3： 将要弹出的窗口开始设置为隐藏

#show {display:none;}  

步骤 4： 设置触发器

<a href="#show" id="modaltrigger"> 点击弹出窗口 </a>

步骤 5： 弹出的窗口设置

<div id="show" >弹出窗口区域</div>  

步骤 6： 最后一步调用以下函数

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