网页添加分享功能

网站页面加入各种分享按钮，功能还不错

但存在的问题是，加载的百度APIjs并未设置https，导致电脑上无法加载来自不安全源的js

演示一

<div></div>
        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
            <a class="bds_qzone"></a>
            <a class="bds_tsina"></a>
            <a class="bds_tqq"></a>
            <a class="bds_renren"></a>
            <span class="bds_more">更多</span>
        </div>
        <div></div>
        <script type="text/javascript" id="bdshare_js" data="type=tools" ></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 class="bdsharebuttonbox">
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone"></a>
<a href="#" class="bds_tsina" data-cmd="tsina"></a>
<a href="#" class="bds_tqq" data-cmd="tqq"></a>
<a href="#" class="bds_renren" data-cmd="renren"></a>
<a href="#" class="bds_weixin" data-cmd="weixin"></a>
</div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

• 将代码加在合适的位置即可

跳转代码

1、新浪微博 <a href="http://v.t.sina.com.cn/share/share.php?url=http://www.shao-ming.com&title=\'分享内容\'" target="_blank">新浪微博</a> 
2、腾讯微博 <a href="http://v.t.qq.com/share/share.php?url=http://www.shao-ming.com&title=\'分享内容\'" target="_blank">腾讯微博</a> 
3、开心网 <a href="javascript:window.open(\'http://www.kaixin001.com/repaste/share.php?rtitle=\'+encodeURIComponent(document.title)+\'&rurl=\'+encodeURIComponent(document.location.href)+\'&rcontent=\');void(0)">开心网</a> 或者用 <a href="http://www.kaixin001.com/repaste/share.php?rurl=http://www.shao-ming.com&rcontent=http://www.baidu.com&rtitle=kaixin" target="_blank">开心网</a> 
4、豆瓣网 <a href="javascript:window.open(\'http://www.douban.com/recommend/?url=\'+encodeURIComponent(document.location.href)+\'&title=\'+encodeURIComponent(document.title));void(0)">豆瓣</a> 或者用 <a href="http://www.douban.com/recommend/?url=http://www.shao-ming.com&title=douban" target="_blank">豆瓣</a> 
5、人人网 <a href="javascript:window.open(\'http://share.renren.com/share/buttonshare.do?link=\'+encodeURIComponent(document.location.href)+\'&title=\'+encodeURIComponent(document.title));void(0)">人人网</a> 或者用 <a href="http://share.renren.com/share/buttonshare.do?link=http://www.shao-ming.com" target="_blank">人人网</a> 
6、百度贴吧 <a href="http://tieba.baidu.com/f/commit/share/openShareApi?url=http://www.shao-ming.com&title=hello&desc=&pic=" target="_blank">百度贴吧</a> 
7、QQ好友 <a href="http://connect.qq.com/widget/shareqq/index.html?title=qqhaoyou&url=http://www.shao-ming.com&desc=还不错哦&pics=&site=优酷" target="_blank">QQ好友</a> 8、QQ空间 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.shao-ming.com" target="_blank">QQ空间</a> 
9、腾讯朋友 <a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url=http://www.shao-ming.com" target="_blank">腾讯朋友</a>   
10、百度收藏 <a href="javascript:window.open(\'http://cang.baidu.com/do/add?it=\'+encodeURIComponent(document.title.substring(0,76))+\'&iu=\'+encodeURIComponent(location.href)+\'&fr=ien#nw=1\',\'scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes\'); void 0">百度搜藏</a> 
11、优酷空间 <a href="http://i.youku.com/u/share/?url=http://www.shao-ming.com&content=\'分享内容\'" target="_blank">优酷空间</a> 
12、搜狐微博 <a href="http://t.sohu.com/third/post.jsp?content=utf-8&url=http://www.shao-ming.com&title=souhu" target="_blank">搜狐微博</a> 
13、MSN <a href="http://profile.live.com/badge/?url=http://www.shao-ming.com&Title=msn" target="_blank">MSN</a> 
14、猫扑 <a href="http://tt.mop.com/share/shareV.jsp?title=moptietie&pageUrl=http://www.shao-ming.com" target="_blank">MOP贴贴</a> 
15、网易微博 <a href="http://t.163.com/article/user/checkLogin.do?link=http://www.shao-ming.com" target="_blank">网易微博</a> 
16、QQ书签 <a href="javascript:window.open(\'http://shuqian.qq.com/post?from=3&title=\'+encodeURIComponent(document.title)+\'&uri=\'+encodeURIComponent(document.location.href)+\'&jumpback=2&noui=1\',\'favit\',\'width=930,height=470,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes\');void(0)">QQ书签</a> 
17、GOOGLE书签： <a href="javascript:window.open(\'http://www.google.com/bookmarks/mark?op=add&bkmk=\'+encodeURIComponent(document.location.href)+\'&title=\'+encodeURIComponent(document.title));void(0)">Google</a> 
18、Twitter <a href="javascript:window.open(\'http://twitter.com/home?status=\'+encodeURIComponent(document.location.href)+\' \'+encodeURIComponent(document.title));void(0)">Twitter</a> 
19、Facebook <a rel="nofollow" href="javascript:window.open(\'http://www.facebook.com/sharer.php?u=\'+encodeURIComponent(document.location.href)+\'&t=\'+encodeURIComponent(document.title));void(0)">Facebook</a> 
20、Delicious书签： <a href="javascript:window.open(\'http://del.icio.us/post?url=\'+encodeURIComponent(document.location.href)+\'&title=\'+encodeURIComponent(document.title)+\'&notes=\');void(0)">Delicious</a>