博主原創：未經博主允許，不得轉載
在做項目的時候，碰到實現分享的功能，在網上搜了很多的資料，實現分享主要有兩種插件。
一種插件是百度分享的插件，另一種是jiathis進行實現分享。
先展示用百度分享插件如何實現，具體代碼如下，其實現的功能為實現視頻分享，並帶視頻圖片：
<body>
<div class="bdsharebuttonbox" data-tag="share_1">
<a class="bds_weixin" data-cmd="weixin"></a>
<a class="bds_qzone" data-cmd="qzone"></a>
<a class="bds_tsina" data-cmd="tsina"></a>
<a class="bds_baidu" data-cmd="baidu"></a>
<!-- <a class="bds_tqq" data-cmd="tqq"></a> -->
<a class="bds_sqq" data-cmd="sqq"></a>
<a class="bds_more" data-cmd="more">更多</a>
<a class="bds_count" data-cmd="count"></a>
</div>
<script>
window._bd_share_config = {
"common" : {
"bdSnsKey" : {},
"bdText" : "${title}", //分享時的標題
"bdMini" : "2",
"bdMiniList" : false,
"bdPic" : "${pic}", //此處為分享時自帶的圖片
"bdStyle" : "0",
"bdSize" : "32",
"bdUrl" : '${sharUrl}', //此處為后台要進行分享的內容的定義
"bdDesc":'${summary}', //分享時的文本摘要
},
"share" : {}
};
//此處為需要引入的百度分享的js文件
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
</body>
</html>
實現后的效果為：
應用以上的代碼就可以簡單的實現一個內容的分享功能。
如果要實現更多的功能，可以參考百度分享的官網：http://share.baidu.com/code/advance