iziModal.jsjQuery 的 Modal 插件
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'); });
评论