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

来源:互联网 发布:国网网络大学考试烦人 编辑:程序博客网 时间:2024/05/19 02:05

一个分享按钮,一个隐藏的图片(这个图片绝对定位在右上角)然后就是点击显示,点击隐藏了...

<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;}

转载自:http://segmentfault.com/q/1010000000751820/a-1020000000751825

0 0
原创粉丝点击