SNS一键分享，社会化分享 -

ykyfendou

浏览: 406686 次
性别:
来自: 北京

最近访客更多访客>>

llx156158574

scpcyzxb

xdoc

zaz770977934

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

SNS一键分享，社会化分享

博客分类：

jsp
开发总结
学习笔记
html

SNS一键分享社会化分享

一键分享可以按照需要进行编写，编写的原理也很简单，只要知道要分享到的网站的分享链接，以及需要传递的相关参数，即可自己拼装出来一个该网站的链接，然后把主流的分享网站的链接都放在一起，把样式调节的好看些，就可以作为一个分享的组件进行使用了。

现在有很多成熟的分享组件，完全已经为我们做好了所有主流网站的分享，我们只需要按照要求把代码引入即可使用，无需我们自己去查找相关网站的分享链接，也不需要我们自己头疼的设计和调节分享组件的样式。

目前主要的分享组件：

一、百度分享：

官网：http://share.baidu.com/

可以在官网上找到相关的版本和样式，样式有悬浮式，文字式，和横向样式的，根据需要进行选择，然后直接复制生成的代码到自己的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>

主要的分享控件官网：

加网：
http://www.jiathis.com/

bShare分享：
http://www.bshare.cn/

百度分享：
http://share.baidu.com/

分享道：
http://www.shareto.com.cn/

分享到：