原理很簡(jiǎn)單，通過JS動(dòng)態(tài)構(gòu)建一個(gè)div層，將其插入到body中，然后通過調(diào)整position的CSS屬性為absolute或fixed，使其脫離原來的文檔流的位置。再通過適當(dāng)?shù)募庸っ阑统闪恕?/p>

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

        

        
        
      
        
it知識(shí)庫：jQuery Dialog 彈出層對(duì)話框插件，轉(zhuǎn)載需保留來源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。