607
技术社区[云栖]
响应式社会化分享按钮
目前绝大多数网站都使用了社会化分享按钮，即使是一个简单的专题页都会使用上，这样做，无非就是想做到让让用户更便捷的分享自己认为不错的内容，到各大社交平台等。社会化分享按钮似乎已经成为一个网站或者专题页面的标配，那么如何去添加这样的分享按钮呢？这里就分享给大家一个响应式社会化分享按钮(RRSSB)代码，即使用在手机端也得到很好的显示效果哦。
RRSSB使用SASS编写，所以你可以很方便的改里面的样式。下面是使用方法：
使用教程
STEP1: 嵌入样式表和JS文件
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="js/rrssb.min.js"></script><link rel="stylesheet" href="css/rrssb.css" />
STEP2: 分享按钮使用无序列表<ul>编写，然后加上.rrssb-buttons样式
<ul > <li > ... </li> <li > ... </li> ... <li > ...</li> </ul>
兼容性
- 测试分辨率在140px – 15465px
- IE9+
- 其它流行的浏览器（Firefox, Chrome, Safari, Opera等…）
怎么样是不是觉得很不错呢？对了，最后提醒一下，因为google在天朝遭到屏蔽所以涉及到的google的JS，大家可以先下载下来放至本地，或者用新浪的JS来代替
最后更新：2017-11-09 14:35:33