js微博共享

最簡便的方法是安裝一些分享類的插件，但我們有時需要定製自己的分享按鈕，這樣使用插件就會顯得不方便。因此跟大家分享一種分享到現在灰常流行的新浪和騰訊微博的方法。可能有人會覺得奇怪，新浪和騰訊官方不是有一鍵分享按鈕的代碼嗎？沒錯，但是官方放出的代碼活脫脫就是一種不標準的寫法，另外也不能使用自己的樣式，這樣不便於使分享按鈕適應自己的網站，這也是我在做新的自用主題時想到的。

新浪微博

<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分別設置背景，就會顯示出分享按鈕，點擊按鈕會彈出一個發表微博的窗口，具體效果可以見本站文章頁的分享按鈕。

推薦閱讀：