分享功能
2018-07-25 本文已影响0人
无言_4f45
网页端分享插件-百度分享
最近做项目的时候遇到了分享功能，平时看别人的网站都有一些分享功能，一般分享到QQ，微博，微信等，其他多一点还包括空间，腾讯微博，人人网等。查阅资料发现，借助百度的分享插件实现起来挺简单的，代码如下：
<body>
<div class="bdsharebuttonbox" data-tag="share_1">
<!--格式要这样写，class和data-cmd必须这样定义，包括bdsharebuttonbox父类名-->
<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_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" : {
"bdText" : "${title}", //分享的内容
"bdMini" : "2",//下拉浮层中分享按钮的列数
"bdMiniList" : false,//自定义下拉浮层中的分享按钮类型和排列顺序
"bdPic" : "${pic}", //分享的图片
"bdUrl" : '${sharUrl}', //分享的Url地址
"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>
