美文网首页
垂直居中弹出二维码,点击空白关闭

垂直居中弹出二维码,点击空白关闭

作者: Medicine_8d60 | 来源:发表于2019-04-24 16:38 被阅读0次

<style>

.ewm{ max-width:100%; box-sizing:border-box;display:none; }
.ewm img{max-width:100%;
margin: 0 auto;
padding:30px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
bottom: 0;
}

</style>

<div class="ewm" id="ewm">
<div class="text_sao">扫一扫,你会了解更多</div>
<div> <img src="img/ewm.jpg" /></div>
</div>

<script type="text/javascript">
//点击微信图标弹出二维码
('.wechart').on('click', function () {('.ewm').toggle();  //切换元素的可见状态
return false;
})
//点击其他地方,二维码隐藏
(document).on({"click": function(e){ var src = e.target; if(src.id && src.id ==="ewm"){ return false; }else{('.ewm').hide();
}
}
});
</script>

相关文章

网友评论

      本文标题:垂直居中弹出二维码,点击空白关闭

      本文链接:https://www.haomeiwen.com/subject/ggnggqtx.html