JavaScript的最小响应模态框 - bp-modal.js
栏目分类:模态 / 弹出窗口   发布日期:2021-09-02   浏览次数:

bp-modal.js 是一个小巧且易于使用的 JavaScript 库,可帮助您在网页上显示漂亮干净、响应迅速的模态窗口。

使用:

在基本模态样式的标题中添加 modal.min.css 。

<link rel="stylesheet" href="modal.min.css">

在文档中的结束正文标记之前添加 bp-modal.min.js 脚本。

<script src="bp-modal.min.js"></script>

按照如下所示的标记结构创建一个中等大小的模态窗口。这个模态包括在modal-closable右上角添加花哨的关闭按钮的类。

<div id="test" class="modal modal-medium modal-closeable">
  <div class="modal-header">
    <h2>模态标题</h2>
  </div>
  <div class="modal-content">
    <p>模态内容</p>
  </div>
</div>

您可以使用具有相应data-modal值的任何元素启动模态窗口 。

<p data-modal="test">点击我!</p>


官方网站:https://github.com/PrattFall/modals

相关热词: bp-modal.js模态框

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库