pop Box .js 介绍
Pop Box .js是 一个 很小的JavaScript 插件 ,用于创建可堆叠的模态。它是完全可定制的并且没有依赖。?
安装
将pop Box .css 文件 添加 到html的头部。
将pop Box .js 文件 添加 到html的开头或紧接在body 标记 之前。
在pop Box .js脚本 标记 之后 添加 此 代码 以初始化 插件 。
<script type="text/JavaScript">
var pop Box = new Pop Box ({
blur:true,
overlay:true,
});
</script>
html范例
<div data-pop Box -id="mypop Box 1" class="pop Box ">
<div class="pop Box _container">
Pop Box content 1
<button data-pop Box -close="mypop Box 1">Close</button>
</div>
</div>
<div data-pop Box -id="mypop Box 2" class="pop Box ">
<div class="pop Box _container">
Pop Box content 2
</div>
<button data-pop Box -close="mypop Box 2">Close</button>
</div>
<div class="pop Box _main_content">
Main content of the page
<button data-pop Box -target="mypop Box 1">
Open mypop Box 1
</button>
<button data-pop Box -target="mypop Box 2">
Open mypop Box 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/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。