如何在html中添加分享按钮

如下两种代码任选其一即可

<input type="button" value="按钮上显示的文字">

或

<button>按钮上显示的文字</button>

一个分享按钮，一个隐藏的图片（这个图片绝对定位在右上角）然后就是点击显示，点击隐藏了。

<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

}

网页微信分享按钮安装使用方法如下：

1、打开360浏览器，点击右上角的“查看”勾选d出的框中的“插件栏”。

2、这时候可以看见在“查看”下面多出几个插件选项出来，点击“扩展”。

3、点击以后会d出添加插件的窗口，点击右下角的“更多扩展”。

4、在“搜应用”里面输入“微信”。

5、这时候会出现搜索结果，选择“分享到微信”安装。

6、安装好以后，“扩展”的右边就会出现刚刚安装好的“分享到微信”插件。要分享网页上的内容，打开手机上的微信“扫一扫”功能扫描这个二维码，就能在微信里面分享这个页面了。

---