网站分享插件,网上一大堆,只不过都需要集成别人封装好的或者自己挨个把每家的都实现一遍,相当麻烦。
这里推荐一种另辟蹊径的实现方式:
来自: https://tumutanzi.com/archives/11987
总而言之,一句话,直接在<a>标签里面href加上js代码,就能实现分享网站的效果了.
如下:
<!-- 社会化分享 -->
<ul>
<li><a href="javascript:var d=document,f=\'https://www.facebook.com/share\',l=d.location,e=encodeURIComponent,p=\'.php?src=bm&v=4&i=1378393915&u=\'+e(l.href)+\'&t=\'+e(d.title);1;try{if (!/^(.*\.)?facebook\.[^.]*$/.test(l.host))throw(0);share_internal_bookmarklet(p)}catch(z) {a=function() {if (!window.open(f+\'r\'+p,\'sharer\',\'toolbar=0,status=0,resizable=1,width=626,height=436\'))l.href=f+p};if (/Firefox/.test(navigator.userAgent))setTimeout(a,0);else{a()}}void(0)"><i class="fa fa-facebook"></i></a></li>
<li><a href="javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C>A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open(\'https://twitter.com/share\',\'\',\'left=\'+H+\',top=\'+G+\',width=\'+D+\',height=\'+A+\',personalbar=0,toolbar=0,scrollbars=1,resizable=1\' );E=F.createElement(\'script\');E.src=\'https://platform.twitter.com/bookmarklets/share.js?v=1\' ;F.getElementsByTagName(\'head\')[0].appendChild(E)}());"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="javascript:void(window.open(\'https://plus.google.com/share?ur\l=\'+encodeURIComponent(location), \'Share to Google+\',\'width=600,height=460,menubar=no,location=no,status=no\'));"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
</ul>
</div> <!-- .social-icons -->
</div> <!-- .sidebar-menu -->