最簡便的方法是安裝一些分享類的插件,但我們有時需要定制自己的分享按鈕,這樣使用插件就會顯得不方便。因此跟大家分享一種分享到現(xiàn)在灰常流行的新浪和騰訊微博的方法??赡苡腥藭X得奇怪,新浪和騰訊官方不是有一鍵分享按鈕的代碼嗎?沒錯,但是官方放出的代碼活脫脫就是一種不標(biāo)準(zhǔn)的寫法,另外也不能使用自己的樣式,這樣不便于使分享按鈕適應(yīng)自己的網(wǎng)站,這也是我在做新的自用主題時想到的。
新浪微博
<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 = '';//你的網(wǎng)站地址,可以留空 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> 稍作解釋一下,把這兩段代碼放在你需要顯示分享按鈕的地方,注意需要準(zhǔn)備兩張分享按鈕的圖片,用css給class為“sina”和“tt”的div分別設(shè)置背景,就會顯示出分享按鈕,點擊按鈕會彈出一個發(fā)表微博的窗口,具體效果可以見本站文章頁的分享按鈕。 |
|
來自: 悟靜 > 《JavaScript》