来给你20个优秀的......前端轮播图插件

时间:2021-09-24 19:15:33

来给你20个优秀的......前端轮播图插件

上期入口:24个 CSS 高级技巧合集

这20个,可都是咱们村最好的,年龄都不超过25,一个比一个长的好看。你加人家微信先聊,总有一个你喜欢的。老大不小的人了,别太挑,遇到合适的,就去Github搬过来用。

来给你20个优秀的......前端轮播图插件

提示:上图所有项目地址,也可以可在公众号后台回复关键字 “轮播图插件” 获取MD版本。

Swiper

使用硬件加速过渡的移动设备触控滑块框架。

官网:https://github.com/nolimits4web/Swiper

slick

你所需要的最后一个轮播插件。

官网:https://github.com/kenwheeler/slick

slidesJs

响应式的 jQuery(1.7.1+)幻灯片插件,具有触摸、 CSS3 过渡等特性。

官网:http://www.slidesjs.com/

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

本期推荐

50个Python练手项目,拿去过冬吧!

10个不到500行代码的超牛Python练手项目

10个精彩Python视频教程整理,10种新技能轻松Get!

30本Python学习参考书,从入门到大师全了!

大牛推荐的10本学习Java必看书

如何开始使用Java机器学习

再别说找不到C++练手项目,这20个拿去不谢!

23个机器学习项目,助你成为人工智能大咖