微信点击某位置弹出分享朋友圈提示的层,通用
2017-03-07 14:25
796 查看
-------隐藏的层代码
<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display:none;">
<img src="xxxxx/imgs/xxxx.png">
</div>
----------点击位置的JS触发onclic
onclick="document.getElementById('mcover').style.display='block';"
-----对应位置的CSS
#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!important;/*图片尺寸最好用百分比,例如width:78%;高度不填*/
height: 180px!important;
z-index: 20001;
}
<div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display:none;">
<img src="xxxxx/imgs/xxxx.png">
</div>
----------点击位置的JS触发onclic
onclick="document.getElementById('mcover').style.display='block';"
-----对应位置的CSS
#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!important;/*图片尺寸最好用百分比,例如width:78%;高度不填*/
height: 180px!important;
z-index: 20001;
}
相关文章推荐
- html 如何让微信里的html应用弹出“点击右上角分享到朋友圈”的图片
- 微信点击分享到朋友圈的按钮,右上角提示
- 微信浏览器打开 点击下载app 无需提示使用浏览器打开--代码分享
- 微信JS-SDK 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置
- 友盟社会化分享 ### 微信发送被拒绝 微信与朋友圈点击无响应
- 微信小程序 点击生成朋友圈分享图
- 微信JS接口 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置
- React Native实现微信好友/朋友圈分享功能-Android/iOS双平台通用
- MessageDisplayKit 一个类似微信App的IM应用,拥有发送文字、图片、语音、视频、地理位置消息,管理本地通信录、分享朋友圈、漂流交友、摇一摇和更多有趣的功能。
- 友盟社会化分享 ### 微信发送被拒绝 微信与朋友圈点击无响应
- React Native微信分享 朋友圈分享 Android/iOS 通用
- 友盟分享微信提示文字弹出两次
- 超详细React Native实现微信好友/朋友圈分享功能-Android/iOS双平台通用
- H5手机QQ分享到手Q、QQ空间、微信好友、朋友圈础通用接口
- 人脉通分享工能,点击分享到微信或者qq的分享链接打开H5,提示用户用浏览器打开,点击下载,有有app
- 关于微信分享、微信登录秘钥问题,及点击分享闪一下,提示分享成功,实际上没有分享成功
- 微信分享到朋友圈按钮 右上角提示
- 点击浏览器窗口上方的“X关闭符号”,弹出提示窗口!
- .NET弹出提示点击确定之后再跳转页面的方法
- NO.22 根据点击的位置在旁边弹出层