程序博客网 > 能飞英语口语软件

Js模态框

来源：互联网发布：能飞英语口语软件编辑：程序博客网时间：2024/06/08 08:06

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>

运行效果：

点击按钮前

点击按钮后

0 0

能飞英语口语软件

能飞英语口语软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子虚拟服务器美工刀怎么换刀片美工刀怎么换刀片图解剃须刀怎么换刀片工具刀怎么换刀片石油钻杆螺纹刀片电剪刀怎么换刀片双面呢破缝机刀片作家肘子结婚被寄刀片事件玉米秸秆粉碎机刀片刀郞刀狼全部歌曲大全100首屠狼刀以刀劈狼首的以狼爪刀刀狼的全部歌曲播放刀霸天龙啸风之狼刀狼罗林刀画刀妹原画刀画油画画刀刀痕神途刀痕天地飘鸥神探孟雨之难解的刀痕绝世刀皇万古刀皇不灭刀皇刀剑神皇txt下载刀剑神皇txt 洪荒刀皇刀皇皇极刀神绝世刀皇txt 刀剑神皇全文免费阅读万古刀皇豹纹刀剑神皇乱世狂刀十三刀皇兜兜别混账斗罗之刀剑圣皇刀剑神皇txt全集下载