html代码|弹出图层/框架(html弹出图片)
时间:2021-03-19 19:26:30 阅读:942
Markup
<a target="_blank" class="btn btn-danger" id="apprj"rel="nofollow"><i class="fa fa-cloud-download"></i> APP下载</a>
<a target="_blank" class="btn btn-danger" id="zshao"rel="nofollow"><i class="fa fa-cloud-download"></i> APP下载</a>
<!-- 层 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/kaygb/kaygb@master/layer/layer.js"></script> <!-- 层 -->
<script>
//弹出一个页面层
$('#zshao').on('click', function() {
layer.open({
type: 2,
title: 'Zshao网络',
shadeClose: true,
shade: false,
maxmin: true, //开启最大化最小化按钮
area: ['80%', '100%'],
content: '//zshao.vip/'
});
});
$('#apprj').on('click', function() {
layer.open({
type: 2,
title: '专属APP',
shadeClose: true,
shade: false,
maxmin: true, //开启最大化最小化按钮
area: ['80%', '50%'],
content: 'https://wwa.lanzous.com/b0eq3tkha'
});
});
</script>
复制成功!
网友评论