您现在的位置是：微信html弹出点击右上角分享到朋友圈

微信html弹出点击右上角分享到朋友圈

分类： Weixin 日期：2017-02-25点击：8766

html 

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

guide.png

js 

#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;
}
标签: HTML Weixin

站长简介

    姓名：喻理
    微信：yuli0927
    邮箱：yuli0927@126.com
    不懂业务的运维工程师不是一个好程序员。

分类

最新文章

热门文章

全站标签

宝塔面板 odoo gcc crmeb vue Word Python 激活码 ThinkPHP ecms rsync iptables CentOS ttf Netbeans NTFS kernel Discuz Alipay image wxpay rm rpm Ajax http Weixin Cacti find ICANN CSS Extmail MSSQL ping JSON CMS HTML JavaScript XML Apache yum Postfix Excel 备份 Linux Shell MySQL PHP