网页端分享插件-百度分享
最近做项目的时候遇到了分享功能,平时看别人的网站都有一些分享功能,一般分享到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>