很多网站中的博客、视频、文章、等都可以实现分享至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>
效果图为:
分享到:
相关推荐
腾讯微博网页版SDK及示例 V1.1源码 配置 1. 微博callback url设置:把web.config里的webroot的值改成你的站点的Default.aspx的实际URL,如 http://t.qq1800.com/demo.aspx 2. Appkey, 改用自己的腾讯微博appkey,把...
里面的一个项目有4个微博的OAuth代码示例,用Eclipse带ADT插件打开后,必须先把SystemConfig类的相应的常量改成你申请的相应微博的appKey和appSecret才能正常运行,本人亲测其中的腾讯微博部分。
微博功能很常见,经常用,而该软件实现了微博的登入,分享,进入首页面等等的功能
web版 Mob微信QQ微博的分享功能分享功能,包含代码示例
本文实例讲述了vue项目中实现的微信分享功能。分享给大家供大家参考,具体如下: /* 微信分享 */ Vue.prototype.wechatShare = (shareData) => { let resource = { title: '随我心愿!', desc: '体验优质服务', ...
最近开放平台非常火,各大互联网公司都纷纷推出各自的开放平台,随之流行的 ...本文将以登陆新浪微博获得授权取得用户数据作为示例简单研究 OAuth 的使用。 http://blog.csdn.net/fangxinggood/article/details/6629358
做了好久才做出来了,就是一个简单的分享到新浪微博的示例,希望对你有帮助。
Java,腾讯微博通过OAuth2.0授权,可发文本微博的示例源代码。
情人节html代码大全情人节主题的 HTML 代码示例和案例分享情人节主题的 HTML 代码示例和案例分享情人节主题的 HTML 代码示例和案例分享情人节主题的 HTML 代码示例和案例分享情人节主题的 HTML 代码示例和案例分享...
2种方法Java调用新浪微博接口示例,一种是不使用任何Sdk自己实现Oauth授权,然后实现简单的发布微博功能,另一个是使用weibo4j-oauth2这个SDK做一个简单的抢沙发工具,全部代码都有详细的注释,有问题可以通过以下...
新浪微博SDK,带示例新浪微博SDK,带示例新浪微博SDK,带示例
具体实现,这个功能涉及到了page传递参数功能,那么今天就仔细探究一下如何实现 首先,这个功能涉及两个页面,分别为top和list 先看list页面,即图片1和图片4,该页面的布局如下 <!--pages/weibo/list/list.wxml...
使用最新微信jdk1.6版本实现微信分享自定义标题,描述,图片功能,支持分享到qq,微信好友,微信朋友圈,qq空间
在平时项目开发过程中,除了注册本网站账号进行登录之外,还可以调用第三方接口进行登录网站。...允许用户使用微博帐号登录访问第三方网站,分享内容,同步信息。 1、首先需要引导需要授权的用户到如下地址: ...
一个新浪微博android客户端的示例程序源代码
示例程序演示如何使用web和winform调用网易微博接口验证,收发信息,上传图片等。 部分微博接口 方法名 微博列表(Timeline) 获取当前登录用户关注用户的最新微博列表(statuses/home_timeline) OAuthService....
新浪微博Android示例
monkeyrunner的自动化测试示例,可以实现自动化对微博的浏览滑动等功能
iphone 新浪微博 示例程序 iphone 新浪微博 示例程序
用pytho实现烟花特效的步骤及代码示例用pytho实现烟花特效的步骤及代码示例用pytho实现烟花特效的步骤及代码示例用pytho实现烟花特效的步骤及代码示例用pytho实现烟花特效的步骤及代码示例用pytho实现烟花特效的步骤...