实现分享功能插件一---百度分享插件应用
Posted 香吧香
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了实现分享功能插件一---百度分享插件应用相关的知识，希望对你有一定的参考价值。
博主原创：未经博主允许，不得转载
在做项目的时候，碰到实现分享的功能，在网上搜了很多的资料，实现分享主要有两种插件。
一种插件是百度分享的插件，另一种是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
以上是关于实现分享功能插件一---百度分享插件应用的主要内容，如果未能解决你的问题，请参考以下文章