开发者社区> 问答> 正文

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

示例:

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

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

请问如何实现此效果?

展开
收起
a123456678 2016-03-26 13:59:15 5943 0
1 条回答
写回答
取消 提交回答
  • 参考一下:

    一个分享按钮,一个隐藏的图片(这个图片绝对定位在右上角)然后就是点击显示,点击隐藏了...
    
    <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;
    }
    2019-07-17 19:16:06
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
微信广告引擎与播放节奏算法实践 立即下载
微信H5视频播放器在海量业务下的实践 立即下载
微信高效运维之路 立即下载