网页中实现"分享至微博、QQ空间等"代码示例

复制并粘贴下面的JS代码,放到您的网页,可以在<body>和</body>的之间网页的任意位置放置。

如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。

示例一:图标式


效果图为:

示例二:按钮式

<div id="bdshare" class="bdshare_b" style="line-height: 12px;">
<img src="http://bdimg.share.baidu.com/static/images/type-button-1.jpg?cdnversion=20120831" />
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=button&uid=0" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>

效果图为:

示例三:文字式


效果图为:

示例四:浮窗式

<script type="text/javascript" id="bdshare_js" data="type=slide&img=0&pos=right&uid=0" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>

效果图为:
经验分享 程序员 微信小程序 职场和发展