建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery模态窗口插件iziModal.js

来源:易助科技网浏览量:12收藏

简介

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