<body>
<p>弹出id为test1的div：<button onClick="TGDialogS('test1')">点击弹出</button></p>
<p>弹出id为test2的div：<button onClick="TGDialogS('test2')">点击弹出</button></p>
<!-- 弹出层test1 Start-->
<div class="dialog" id="test1" style="display:none">
<div class="dia-con">我是弹出层test1</div>
<a class="dia-close" href="javascript:showDialog.hide()" title="关闭">×</a>
</div>
<!--之前写关闭按钮都是直接在js部分写的,不知道可以直接一个a标签href写js,以前只写过后退的js-->
<!-- 弹出层test1 End-->
<!-- 弹出层test2 Start-->
<div class="dialog" id="test2" style="display:none">
<div class="dia-con">我是弹出层test2</div>
<a class="dia-close" href="javascript:showDialog.hide()" title="关闭">×</a>
</div>
<!-- 弹出层test2 End-->
<script src="http://ossweb-img.qq.com/images/js/milo/milo-min.js"></script>
<script>
function TGDialogS(e){
need("biz.dialog-min",function(Dialog){
Dialog.show({
id:e,
bgcolor:'#000', //弹出“遮罩”的颜色，格式为"#FF6600"，可修改，默认为"#fff"
opacity:50 //弹出“遮罩”的透明度，格式为｛10-100｝，可选
});
});
}
function closeDialog(){
need("biz.dialog-min",function(Dialog){
Dialog.hide();
});
}
</script>
</body>
弹出层以及关闭按钮
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 关闭bootstrap弹出层同时关闭video 利用bootstrap modal组件制作弹窗视频，会有个问题，关...
- 在原生app中，通过监听物理回退键可以对当前弹出层进行关闭，再次点击会回退到上一个页面，这次介绍一下vue中如何实...
- 代码未上，效果先行 当然，底部的按钮是可以灵活配置的，最多三个（左边一个，右边两个） how to use 最后看...
