SNS一键分享，社会化分享

最新推荐文章于 2024-05-11 09:54:57 发布

ykyfendou

最新推荐文章于 2024-05-11 09:54:57 发布

阅读量554

点赞数

分类专栏： html 学习笔记 jsp 开发总结文章标签： SNS一键分享社会化分享

本文链接：https://blog.csdn.net/u011374091/article/details/84624423

版权

开发总结同时被 3 个专栏收录

39 篇文章 0 订阅

订阅专栏

html

23 篇文章 0 订阅

订阅专栏

jsp

14 篇文章 0 订阅

订阅专栏

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

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

目前主要的分享组件：

一、百度分享：

官网：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/