jQuery 的 Modal 插件 iziModal.js

• 授权协议: Apache
• 开发语言: JavaScript HTML/CSS
• 操作系统: 跨平台
• 软件首页: http://izimodal.marcelodolce.com/
• 软件文档: http://izimodal.marcelodolce.com/#documentation
• 官方下载: https://github.com/dolce/iziModal/archive/master.zip

软件介绍

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');
});

本文地址：https://codercto.com/soft/d/21501.html