微信分享朋友圈提示功能

发布时间:2016-03-23 浏览次数:3376 文章来源:个人博客

原理很简单,先上代码:


<div id="share" style="display:none;">
<img width="100%" height="100%" 
    src="share.png" style="position:fixed;z-index:9999; top:0 ; left:0 ; " 
    ontouchstart="document.getElementById('share').style.display='none';"/>
</div>

其大概意思是,开始是隐藏的,然后share的div显示,图片share.png跟着显示,图片的位置 fixed,显示在最前面,图片距离顶部是0px,距离左边也是0。这样就能展示一个满屏的图片了。元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身。然后显示!


而箭头点击上方分享就是图片share.png里面的内容啦。。

key-word
微信分享朋友圈功能 提醒分享朋友圈 微信提醒分享按钮 微信建议分享实现