扫一扫分享
Popbox.js是一个很小的javascript插件,用于创建可堆叠的模态。它是完全可定制的并且没有依赖。
将popbox.js文件添加到html的开头或紧接在body标记之前。
在popbox.js脚本标记之后添加此代码以初始化插件。
<script type="text/javascript">
var popbox = new Popbox({
blur:true,
overlay:true,
});
</script>
<div data-popbox-id="mypopbox1" class="popbox">
<div class="popbox_container">
Popbox content 1
<button data-popbox-close="mypopbox1">Close</button>
</div>
</div>
<div data-popbox-id="mypopbox2" class="popbox">
<div class="popbox_container">
Popbox content 2
</div>
<button data-popbox-close="mypopbox2">Close</button>
</div>
<div class="popbox_main_content">
Main content of the page
<button data-popbox-target="mypopbox1">
Open mypopbox 1
</button>
<button data-popbox-target="mypopbox2">
Open mypopbox 2
</button>
</div>
手机预览