JS----添加新浪和腾讯微博分享

来源：互联网发布：蜂窝数据只显示2个app 编辑：程序博客网时间：2024/05/21 10:49

最简便的方法是安装一些分享类的插件，但我们有时需要定制自己的分享按钮，这样使用插件就会显得不方便。因此跟大家分享一种分享到现在灰常流行的新浪和腾讯微博的方法。可能有人会觉得奇怪，新浪和腾讯官方不是有一键分享按钮的代码吗？没错，但是官方放出的代码活脱脱就是一种不标准的写法，另外也不能使用自己的样式，这样不便于使分享按钮适应自己的网站，这也是我在做新的自用主题时想到的。

新浪微博:

<a href="javascript:void((function(s,d,e){try{}catch(e){}var f='http://v.t.sina.com.cn/share/share.php?',u=d.location.href,p=['url=',e(u),'&title=',e(d.title),'&appkey=2924220432'].join('');function a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=620,height=450,left=',(s.width-620)/2,',top=',(s.height-450)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})(screen,document,encodeURIComponent));">...</a>

appkey可以替换为自己申请的appkey，如果有自己的appkey则可以显示自己的来源显示

腾讯微博

<a href="javascript:void(0)" onclick="postToWb();"target="_blank"class="tt" title="分享到腾讯微博"></a>

<script type="text/javascript">function postToWb(){var _t = encodeURI(document.title);var _url = encodeURIComponent(document.location);var _appkey = encodeURI('bc4cdb3027304d94b339bd027543837c');//从腾讯获得的appkey这个可以不填，如果有自己的appkey则可以显示自己的来源显示var _pic = encodeURI('');//var _site = '';//你的网站地址，可以留空var _u = 'http://v.t.qq.com/share/share.php?url='+_url+'&appkey='+_appkey+'&site='+_site+'&pic='+_pic+'&title='+_t;window.open( _u,'', 'width=700, height=680, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no' );}</script>

稍作解释一下，把这两段代码放在你需要显示分享按钮的地方，注意需要准备两张分享按钮的图片，用css给class为“sina”和“tt”的div分别设置背景，就会显示出分享按钮，点击按钮会弹出一个发表微博的窗口，具体效果可以见本站文章页的分享按钮。