微信浏览器里的html应用弹出“点击右上角分享到朋友圈”的图片

首先要有一个引导图片:
guide.png 

<a href="javascript:;" onclick="document.getElementById('mcover').style.display='block';">分享到朋友圈</a> <div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display: none;">      <img src="/public/images/guide.png"> </div>

对应样式

#mcover {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.7);
display:none;
z-index:20000;}
#mcover img {
position:fixed;
right:18px;
top:5px;
width:260px;
height:180px;
z-index:999;}


发表评论