Js模态框
当点击按钮时会触发按钮事件在本页面弹出个模态框
需要引用的插件:
需要编写的代码:
<body>
<div style="text-align:center;margin-top:500px ">
<input type="button" class="trigger-default" value="按钮"/>
<div id="modal-default" class="iziModal">
<p>这是一个模态框!!!</p>
</div>
</div>
</body>
</html>
<script type="text/javascript">
$("#modal-default").iziModal({
title: "这是标题栏",
subtitle: "小标题",
iconClass: 'icon-announcement',
width: 500,
padding: 20
});
$(document).on('click', '.trigger-default', function (event) {
event.preventDefault();
$('#modal-default').iziModal('open');
});
</script>
运行效果:
点击按钮前
点击按钮后