原理很简单，通过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 弹出层对话框插件，转载需保留来源！
        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。