網頁中實現"分享至微博、QQ空間等"程式碼
阿新 • • 發佈:2019-01-25
很多網站中的部落格、視訊、文章、等都可以實現分享至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>
效果圖為: