如何让微信里的html应用弹出“点击右上角分享到朋友圈”的图片-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

a123456678 2016-03-26 13:59:15 4398

示例:

http://203.195.136.240/q90/index.html?from=timeline&isappinstalled=0#rd&from=timeline&isappinstalled=0

答完题后,点击“分享好友”的按钮,会弹出一个图片,用箭头指向右上角的分享。

请问如何实现此效果?

分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:16:06

    参考一下:

    一个分享按钮,一个隐藏的图片(这个图片绝对定位在右上角)然后就是点击显示,点击隐藏了...
    
    <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;
    }
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章