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

来源:互联网 发布:网络贷款不还会坐牢吗 编辑:程序博客网 时间:2024/06/06 08:38

很多网站中的博客、视频、文章、等都可以实现分享至QQ空间、微博、QQ好友或者其它网站,如何实现呢?

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

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


示例一:图标式

<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"><span class="bds_more">分享到:</span><a class="bds_qzone"></a><a class="bds_tsina"></a><a class="bds_tqq"></a><a class="bds_renren"></a><a class="bds_t163"></a><a class="shareCount"></a></div><script type="text/javascript" id="bdshare_js" data="type=tools&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>

效果图为:



示例二:按钮式

<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>

效果图为:


示例三:文字式

<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"><span class="bds_more">分享到:</span><a class="bds_qzone">QQ空间</a><a class="bds_tsina">新浪微博</a><a class="bds_tqq">腾讯微博</a><a class="bds_renren">人人网</a><a class="bds_t163">网易微博</a><a class="shareCount"></a></div><script type="text/javascript" id="bdshare_js" data="type=tools&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>  


效果图为:

0 0