上期入口:24个 CSS 高级技巧合集
这20个,可都是咱们村最好的,年龄都不超过25,一个比一个长的好看。你加人家微信先聊,总有一个你喜欢的。老大不小的人了,别太挑,遇到合适的,就去Github搬过来用。
提示:上图所有项目地址,也可以可在公众号后台回复关键字 “轮播图插件” 获取MD版本。
Swiper
使用硬件加速过渡的移动设备触控滑块框架。
官网:https://github.com/nolimits4web/Swiper
slick
你所需要的最后一个轮播插件。
官网:https://github.com/kenwheeler/slick
slidesJs
响应式的 jQuery(1.7.1+)幻灯片插件,具有触摸、 CSS3 过渡等特性。
FlexSlider
一款令人惊叹的、全响应式的幻灯片 jQuery 插件。
官网:https://github.com/woothemes/FlexSlider
unslider
最简单的幻灯片 jQuery 插件。
官网:https://github.com/idiot/unslider
colorbox
轻量、可自定义的灯箱 jQuery 插件。
官网:https://github.com/jackmoore/colorbox
fancyBox
提供了良好优雅的方式,为页面上的图片、html 内容和多媒体添加缩放功能的工具。
官网:https://github.com/fancyapps/fancyBox
sly
基于项导航的、支持单向滚动的 JavaScript 库。
官网:https://github.com/darsain/sly
vegas
向页面添加漂亮的全屏背景的 jQuery 插件,甚至允许幻灯片。
官网:https://github.com/jaysalvat/vegas
Sequence
用于创建响应式的幻灯片、演示、旗帜广告和以步骤为基础的应用的 CSS 动画框架。
官网:https://github.com/IanLunn/Sequence
baguetteBox.js
易于使用的、用纯 JavaScript 实现的遮罩层脚本。
官网:https://github.com/feimosi/baguetteBox.js
reveal.js
用 HTML 创建漂亮演示控件的框架。
官网:https://github.com/hakimel/reveal.js
PhotoSwipe
适用于移动设备和桌面电脑的、模块化和不无依赖框架的 JavaScript 画廊控件。
官网:https://github.com/dimsemenov/PhotoSwipe
jcSlider
用 CSS 动画实现的响应式幻灯片 jQuery 插件。
官网:https://github.com/JoanClaret/jcSlider
basic-jquery-slider
易于使用、指定主题和定制化。
官网:https://github.com/jcobb/basic-jquery-slider
unslider
这是最简单的幻灯片 jQuery 插件。
官网:https://github.com/idiot/unslider
viewerjs
原生 js 实现的图片查看器。
官网:https://fengyuanchen.github.io/viewerjs/
jQuery.adaptive-slider
带有自适应颜色标题和导航的幻灯片 jQuery 插件。
官网:https://github.com/creative-punch/jQuery.adaptive-slider
slidr
可添加一些幻灯片效果。
官网:https://github.com/bchanx/slidr
Flickity
可触摸的、响应式的和可轻弹的画廊。
官网:https://github.com/metafizzy/flickity
本期推荐