popbox.js

popBox.js 介绍

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://oncebot.github.io/popbox.js/

GitHub:https://github.com/oncebot/popbox.js

网站描述:一个简单易用可堆的Web模态对话框

popbox.js

官方网站：https://oncebot.github.io/popbox.js/