官网wiki : http://open.weibo.com/sharebutton
想要自定义分享按钮样式,按照官方文档是不行了。那我们就去看看官方生成出来的js代码,如下:
<script type=
"text/javascript"
charset=
"utf-8"
>
(
function
(){
var
_w = 32 , _h = 32;
var
param = {
url:location.href,
type:
'1'
,
count:
''
,
/**是否显示分享数,1显示(可选)*/
appkey:
''
,
/**您申请的应用appkey,显示分享来源(可选)*/
title:
''
,
/**分享的文字内容(可选,默认为所在页面的title)*/
pic:
''
,
/**分享图片的路径(可选)*/
ralateUid:
''
,
/**关联用户的UID,分享微博会@该用户(可选)*/
language:
'zh_cn'
,
/**设置语言,zh_cn|zh_tw(可选)*/
dpc:1
}
var
temp = [];
for
(
var
p
in
param ){
temp.push(p +
'='
+ encodeURIComponent( param[p] ||
''
) )
}
document.write(
'<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://service.weibo.com/staticjs/weiboshare.html?'
+ temp.join(
'&'
) +
'" width="'
+ _w+
'" height="'
+_h+
'"></iframe>'
)
})()
</script>
由此可知:
count:'' 表示是否显示当前页面被分享数量(1显示)(可选,允许为空)
url:'' 将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空)
appkey:'' 用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)
title:'' 分享时所示的文字内容,为空则自动抓取分享页面的title值(可选,允许为空)
pic:'' 自定义图片地址,作为微博配图(可选,允许为空)
ralateUid:'' 转发时会@相关的微博账号(可选,允许为空)
language:'' 语言设置(zh_cn|zh_tw)(可选)
url:'' 将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空)
appkey:'' 用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)
title:'' 分享时所示的文字内容,为空则自动抓取分享页面的title值(可选,允许为空)
pic:'' 自定义图片地址,作为微博配图(可选,允许为空)
ralateUid:'' 转发时会@相关的微博账号(可选,允许为空)
language:'' 语言设置(zh_cn|zh_tw)(可选)
ralateUid获取方法:
![](https://images2018.cnblogs.com/blog/1086499/201803/1086499-20180315140154646-1736842428.png)
点击之后跳转分享代码:
<html xmlns:wb="http://open.weibo.com/wb">
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<a id="wb_shareBtn" href="" target="_blank"><img src="sinaShare.png" alt=""></a>
<script>
var wb_shareBtn = document.getElementById("wb_shareBtn");
wb_url = document.URL; //获取当前页面地址,也可自定义例:
wb_appkey = '';
wb_ralateUid = '';
wb_title = '';
wb_pic = '';
wb_language = "zh_cn";
wb_shareBtn.setAttribute("href","http://service.weibo.com/share/share.php?url="+wb_url+"&appkey="+wb_appkey+"&title="+wb_title+"&pic="+wb_pic+"&ralateUid="+wb_ralateUid+"&language="+wb_language+"");
</script>