网页中实现"分享至微博、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>
效果图为:
上一篇:
IDEA上Java项目控制台中文乱码