响应式社会化分享按钮RRSSB【下载】
2014-06-19 00:00
1681 查看
非常多的网站都使用了社会化分享按钮,这一对于网站推广与传播也是一个有利手段,这里分享大家一个响应式社会化分享按钮(RRSSB)代码,当用户在手机端浏览也得到很好的显示效果。
在线演示 源码下载
RRSSB使用SASS编写,所以你可以很方便的改里面的样式。下面是使用方法:
STEP1: 嵌入样式表和JS文件
STEP2: 分享按钮使用无序列表<ul>编写,然后加上.rrssb-buttons样式
<ul class=”rrssb-buttons clearfix”>
<li class=”email”> … </li>
<li class=”facebook”> … </li>
…
<li class=”googleplus”> …</li>
</ul>
兼容性
测试分辨率在140px – 15465px
IE9+
其他主流的浏览器Firefox, Chrome, Safari, Opera等。
在线演示 源码下载
RRSSB使用SASS编写,所以你可以很方便的改里面的样式。下面是使用方法:
STEP1: 嵌入样式表和JS文件
<script src="http://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 class=”rrssb-buttons clearfix”>
<li class=”email”> … </li>
<li class=”facebook”> … </li>
…
<li class=”googleplus”> …</li>
</ul>
兼容性
测试分辨率在140px – 15465px
IE9+
其他主流的浏览器Firefox, Chrome, Safari, Opera等。
相关文章推荐
- 添加“继续分享”工具条功能 – 社会化分享按钮
- 为博客增加社会化分享按钮代码
- 为博客增加社会化分享按钮代码
- 基于jQuery实现交互体验社会化分享代码附源码下载
- 分享一款响应式财富保险网站dedecms模板,可以免费下载!亲测无误。
- 分享2个第三方社会化分享按钮及分享工具
- 干货分享!12款响应式的移动网站模板免费下载
- css3实现顶部社会化分享按钮示例
- 纯CSS3社会化分享按钮
- 80%视频网站已经加上“社会化分享按钮”
- 纯CSS3实现的顶部社会化分享按钮
- 干货分享!12款响应式的移动网站模板免费下载
- 友盟网站统计和JiaThis社会化分享按钮实战
- SSB Router 发布、订阅框架PPT 文档 – 分享下载!
- 基于jQuery实现交互体验社会化分享代码附源码下载
- 增加自定义按钮风格功能! – 社会化分享按钮
- 如何在自己的网站或博客或空间加上社交分享按钮,猜你喜欢工具,社会化评论框
- jiaThis工具--社会化分享按钮功能实现
- 干货分享!12款响应式的移动网站模板免费下载
- 四方力道源码(自己花钱大家分享) 下载了就知好用