响应式社会化分享按钮
响应 分享 按钮
2023-09-27 14:28:47 时间
目前绝大多数网站都使用了社会化分享按钮,即使是一个简单的专题页都会使用上,这样做,无非就是想做到让让用户更便捷的分享自己认为不错的内容,到各大社交平台等。社会化分享按钮似乎已经成为一个网站或者专题页面的标配,那么如何去添加这样的分享按钮呢?这里就分享给大家一个响应式社会化分享按钮(RRSSB)代码,即使用在手机端也得到很好的显示效果哦。
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 li ... /li li ... /li ... li ... /li /ul测试分辨率在140px – 15465px 其它流行的浏览器(Firefox, Chrome, Safari, Opera等…)
在线演示 | 下载地址(Github) 怎么样是不是觉得很不错呢?对了,最后提醒一下,因为google在天朝遭到屏蔽所以涉及到的google的JS,大家可以先下载下来放至本地,或者用新浪的JS来代替
Flutter 使用自定义转场动效提升页面跳转体验 本篇带你如何完成个性化的页面切换。Flutter本身提供了不少预定义的转场动画,可以设计多种多样的转场动画实现个性化的转场效果。
2020更新,Vue仿探探拖拽卡片的效果 类似Tinder和探探的卡片效果的组件,社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果
antd在线换肤定制功能 最近react项目,用的antd框架,然后看见他的antdPro例子里面有个定制功能很帅,老大说做,那就做吧,鼓捣了一晚终于实现了。 先看预览效果吧 css换肤 入行前端的时候经常看鱼哥(张鑫旭)的博客,记得看过 这篇 ,当时很惊叹,原理其实很简单,就是我们最能想到的方式,多个css,然后用JS替换从而达到换肤效果。
相关文章
- visual studio 2010 出现问题,不能设置断点调试了,一运行就未响应,然后程序退出
- 76Vue - 响应式原理(如何追踪变化)
- Jmeter进阶之性能测试响应结果保存到本地
- Charles 抓包修改 request 请求数据和响应数据
- 网络安全应急响应----2、Windows入侵排查
- html响应式布局,css响应式布局,响应式布局入门
- SwiftUI List 编辑模式修改列表内容(Textfield设置第一个响应)
- Qt编写网络摄像头推流(4路1080P主码流只占用0.2%CPU/极低延时极速响应)
- WEB前端大作业-简约风格装潢公司设计响应式网页模板(HTML JS CSS))
- Web网站模板-响应式旅游旅行团酒店预订展示网站模板(HTML+CSS+JavaScript前端大作业)
- 浅析Web安全漏洞里的X-Frame-Options、X-XSS-Protection、X-Content-Type-Options响应头配置以及如何通过nginx配置避免
- 分享几个响应式开发的代码小技巧
- vue响应式依赖的两种技术之-发布订阅模式的实现
- 微信开发学习日记(八):7步看懂weiphp插件机制,核心目标是响应微信请求