步驟 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" });