huzijia 2014-08-10
一键分享可以按照需要进行编写,编写的原理也很简单,只要知道要分享到的网站的分享链接,以及需要传递的相关参数,即可自己拼装出来一个该网站的链接,然后把主流的分享网站的链接都放在一起,把样式调节的好看些,就可以作为一个分享的组件进行使用了。
现在有很多成熟的分享组件,完全已经为我们做好了所有主流网站的分享,我们只需要按照要求把代码引入即可使用,无需我们自己去查找相关网站的分享链接,也不需要我们自己头疼的设计和调节分享组件的样式。
目前主要的分享组件:
一、百度分享:
可以在官网上找到相关的版本和样式,样式有悬浮式,文字式,和横向样式的,根据需要进行选择,然后直接复制生成的代码到自己的HTML页码即可使用。
案例样式:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <!-- Baidu Button BEGIN --> <div id="bdshare" class="bdshare_b" style="line-height: 12px;"><img src="http://share.baidu.com/static/images/type-button-1.jpg" /></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://share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours(); </script> <!-- Baidu Button END --> </body> </html>
二、加网分享:
http://www.jiathis.com/
样式同样可以在官网进行调节,案例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <!-- JiaThis Button BEGIN --> <script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0" charset="utf-8"></script> <!-- JiaThis Button END --> </body> </html>
主要的分享控件官网:
bShare分享:
http://www.bshare.cn/
使用 微博、QQ、微信、钉钉 原生 SDK 接入,提供这些平台的登录、分享功能支持。针对业务逻辑对各个平台的接口进行封装,对外提供一致的表现,在减轻接入压力的同时,又能获得原生 SDK 最大的灵活性。