网页分享按钮js代码修改

JavaScript013

网页分享按钮js代码修改,第1张

<a

class="share"

data-sharebox="true"

data-desc="desc"

data-title="title"

data-img="imgurl"

href="#">

分享按钮的onclick:

$(".share").attr('data-sharebox')

$(".share").attr('data-desc')

$(".share").attr('data-title')

$(".share").attr('data-img')

当然,建议a标签加一个id来唯一标识

如:

<a

class="share"

id="share_1"

data-sharebox="true"

data-desc="desc"

data-title="title"

data-img="imgurl"

href="#">

则下面就用:

$("#share_1").attr('data-sharebox')

隐藏微信网页右上角的按钮,可以用如下代码:

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

// 下面这个API隐藏右上角按钮

WeixinJSBridge.call('hideOptionMenu')

})

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {

// 下面这个API显示右上角按钮

WeixinJSBridge.call('showOptionMenu')

})

借助百度或者JiaThis,来实现。很简单,复制一下别的网站的代码,轻松解决:比如下面这个网站的:http://36kr.com/p/161946.html

简单看一下代码实现:

F12看一下,起作用的就是下面这段代码:

<pre name="code" class="html"><div class="panel mfp-hide" id="panel-weixin">

<h3>打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮</h3>

<section class="weixin-section">

<p><img alt="161946" src="http://s.jiathis.com/qrcode.php?url=http://36kr.com/p/161946.html?via=wechat_qr"></p>

</section>

</div>

登录后复制

通过JiaThis网站的一张微信图片,后面加上你要分享的参数信息,好了,一个分享完成了。当然,这个源码找的不是很别致,很多js的代码需要自己写。但这也相对的更灵活了,因为大家现在在程序里需要引入的其实就是JiaThis提供的那张图片地址了。