Popbox.js是一个很小的javascript插件，用于创建可堆叠的模态。它是完全可定制的并且没有依赖。 

安装

将popbox.css文件添加到html的头部。

将popbox.js文件添加到html的开头或紧接在body标记之前。

在popbox.js脚本标记之后添加此代码以初始化插件。

<script type="text/javascript">
  var popbox = new Popbox({
        blur:true,
        overlay:true,
      });
</script>
	

HTML范例

<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>

链接: https://fly63.com/nav/2855