简介

iziModal.js是一款优雅的，响应式的，灵活和轻便的 jQuery 模态窗口插件，这是一款–真正的动态模态窗口插件。大多数模式窗口似乎都因选择加入字段和不必要的交易而分散了访问者的注意力并使其烦恼 。 这些模式通常占据整个页面，看起来很糟糕，并且没有提供关闭窗口的清晰方法。 值得庆幸的是， iziModal.js正好相反。

使用

1.  引入文件

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

<script src="iziModal.min.js" type="text/javascript"></script>

2.  HTML

<!-- Trigger to open Modal -->
<a href="https://github.com/dolce/iziModal" class="trigger">Modal</a>
<!-- Modal structure -->
<div id="modal">
    <!-- Page content -->
</div>

3.  调用

初始化

$("#modal").iziModal();

打开 Modal 的事件  

$(document).on('click', '.trigger', function (event) {
    event.preventDefault();
    $('#modal').iziModal('open');
});

相关链接

英文文档：https://izimodal.marcelodolza.com/

GitHub 地址：https://github.com/marcelodolza/iziModal

cdnjs 下载地址 ：https://cdnjs.com/libraries/izimodal

在线演示：https://www.jq22.com/yanshi8627