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

html-css023

html 如何让微信里的html应用弹出“点击右上角分享到朋友圈”的,第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

}

首先将要分享的网址发到手机上，可以通过QQ或者email等各种方法。

如果是在手机浏览器上看到的网页，可以把网址复制下来，

进入朋友圈，长按右上角的相机图标，记住，是长按，

把要分享的网址粘贴进去，然后点发送

再返回朋友圈，发现多了一个网址，

点击该 网址，进入网页，如下图，再点右上角的分享图标

然后出现了分享到朋友圈的选项，选择分享到朋友圈，

然后选择发送，当然还可以写上你的想法哦

再返回朋友圈，会发现要分享的内容已经出现了，然后把前面发网址删除掉就行了，