|
原理很簡(jiǎn)單,通過(guò)JS動(dòng)態(tài)構(gòu)建一個(gè)div
層,將其插入到body
中,然后通過(guò)調(diào)整position
的CSS屬性為absolute
或fixed
,使其脫離原來(lái)的文檔流的位置。再通過(guò)適當(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í)庫(kù):jQuery Dialog 彈出層對(duì)話框插件,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。