原理很簡單，通過JS動態構建一個div層，將其插入到body中，然后通過調整position的CSS屬性為absolute或fixed，使其脫離原來的文檔流的位置。再通過適當的加工美化就成了。

 1 <!-- 背景遮蓋層 -->
 2 <div class="dialog-overlay"></div>
 3 <!-- 對話框 -->
 4 <div class="dialog">
 5   <div class="bar">
 6     <span class="title">標題</span>
 7     <a class="close">[關閉]</a>
 8   </div>
 9   <div class="content">內容部分</div>
10 </div>        

        

        
        
      
        
it知識庫：jQuery Dialog 彈出層對話框插件，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。