iziModal.js - jQuery 的 Modal 插件


Apache
跨平台
JavaScript

软件简介

iziModal.js,是一个优雅的,响应式的,灵活和轻便的jQuery插件。

运行效果:

示例代码:

引入CSS文件

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

引入js文件

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

HTML文件

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

初始化

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

打开Modal的事件

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