html 如何让微信里的html应用弹出“点击右上角分享到朋友圈”的图片
2014-12-16 21:36
549 查看
一个分享按钮,一个隐藏的图片(这个图片绝对定位在右上角)然后就是点击显示,点击隐藏了...
<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
<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
相关文章推荐
- 微信朋友圈如何同时分享(图片+文字) Android版
- Android应用实现微信分享(微信好友,朋友圈),分享链接,图片,文字
- MessageDisplayKit 一个类似微信App的IM应用,拥有发送文字、图片、语音、视频、地理位置消息,管理本地通信录、分享朋友圈、漂流交友、摇一摇和更多有趣的功能。
- 微信点击某位置弹出分享朋友圈提示的层,通用
- 微信点击分享到朋友圈的按钮,右上角提示
- 如何修改手机端分享网页给微信好友和朋友圈显示的图片和标题
- 微信朋友圈如何同时分享(图片+文字)
- 添加图片如何点击a标签, 弹出input file 上传文件对话框
- android 应用实现微信好友或朋友圈分享
- 友盟社会化分享 ### 微信发送被拒绝 微信与朋友圈点击无响应
- 应用集成UMeng,分享二维码到微信朋友和朋友圈
- Android 如何将图片和文字同时分享到微信
- android微信分享到朋友圈 图片过大闪退
- android 应用实现微信好友或朋友圈分享
- Android APP 分享图片文字到微信刚开始正常,后面就不弹出分享框了
- 微信分享到朋友圈的内容和图片的定制
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- 微信分享api一次发送多张图片到朋友圈