新浪微博分享按钮组件使用（自定义样式）

官网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)(可选)

ralateUid获取方法：

点击之后跳转分享代码：

<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>