网页中实现"分享至微博、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
- 网页中实现"分享至微博、QQ空间等"代码示例
- 网页中实现"分享至微博、QQ空间等"代码
- HTML代码 网页设置 QQ空间等分享
- QQ空间分享代码
- 分享到QQ空间、微博等的代码
- 网页 QQ 实现代码
- 分享到qq空间,微博等
- 网页分享到微信、微博、QQ等
- 网页分享到微信、微博、QQ等
- bshare手动分享网址到QQ空间、朋友网等常用网站代码
- QQ空间、新浪微博、腾讯微博等一键分享API链接代码
- Android 分享到qq和qq空间中的网页
- 分享到微信微博QQ空间JS代码大全
- android 实现QQ好友分享和QQ空间分享
- android 实现QQ好友分享和QQ空间分享
- 使用Javascript 实现 分享到 新浪微博 QQ 空间等
- 使用Javascript 实现 分享到 新浪微博 QQ 空间等
- 使用Javascript 实现 分享到 新浪微博 QQ 空间等
- js GET 方法 中文 乱码 处理
- 迭代器(Iterator)
- MySQL学习----MySQL函数(二)----14MySQL格式化函数和类型转换函数
- Android五大存储---SQLite数据库
- 1036. 跟奥巴马一起编程(15)
- 网页中实现"分享至微博、QQ空间等"代码
- Android系统自带样式(android:theme)
- MySQL学习----MySQL 连接和联合----15MySQL 交叉连接、内连接和外连接
- 1037. 在霍格沃茨找零钱(20)
- touch指令解读
- javascript面试题之浮点数精度问题
- hdu 4288 Coder(线段树+离散化,lower_bound&&upper_bound的运用)
- Android界面美化 -- 使用自定义Toast布局替代原生布局
- 开播第一篇先给这个经典案例