分享22款响应式的 jQuery 图片滑块插件

简介:   响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件,它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果。

  响应式(Responsive)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。这篇文章收集了22款优秀的响应式 jQuery 幻灯片插件,它们能够帮助你在 Web 项目中实现有吸引力的图片滑块效果。

您可能感兴趣的相关文章

  

1. Slides.js

SlidesJS 是一款响应式的 jQuery 幻灯片插件,经过多年的发展,已经成为一款功能齐全,设计精巧的幻灯片插件。支持循环、自动播放功能和淡入淡出过渡效果,并且能够自动生成分页,可以帮助开发者制作出优雅的幻灯片效果。

2. Master Slider


 

Master Slider 是一个很棒的图层滑块,可以在图层添加任何 HTML 内容。容易使用,提供热点,缩略图,各种特效,视频支持。

3. jQuery Light Slider

jQuery lightSlider 是一个轻量级的可触摸的响应式内容滑块。它支持触摸设备和 Swiping,自带CSS过渡,支持键盘,箭头和圆点导航等等。

4. Royal Slider

Royal Slider 这款 jQuery 插件用于显示任何 HTML 内容(图片,视频,文字.. )内的滑动界面,并配备了很棒的功能。

5. Unslider

Unslider 是另外一款响应式的 jQuery 滑块。没有花哨的特效或不必要的标记。它是流体的,灵活的和极其轻量。 

6. uSlider

这是一个响应式和触摸友好的 jQuery 插件滑块。内容可以是任何东西:图像,文本,内部框架, HTML5视频和音频 。

7. Bx Slider

bxSlider 是一个响应式的 jQuery 滑块,用来创建简单的内容滑块和滚动字幕。各种设置进行自定义显示器更容易。

8. Responsive Slides

ResponsiveSlides.js 是一个很小的 jQuery 插件,使用创建一个容器内元素的响应滑块。

9. Slippery

10. Camera

由 Diapo 的开发人员创建的,并且包括众多的功能与响应式的布局工作。幻灯片可以与任何 HTML 元素(图片,文字,视频等)。

11. Slideme

Slideme 是一个响应式的滑块插件 ,可定制,易于使用 ,多实例,全屏。

12. Glide.js

响应式,触摸友好的 jQuery 滑块。基于 CSS3 过渡回退到旧的浏览器。简单,重量轻,速度快。

13. Sequence.js

Sequence.js 是一个非常现代的图片滑动效果,特别适合电子商务网站或者企业产品展示功能。带有图片缩率图,能够呈现全屏图片浏览效果。结合 CSS3 Transition 实现响应式的滑块效果。

14. RTP Slider.js

15. FerroSlider2

FerroSlider是一个免费,简单,功能强大,反应迅速,可定制的 jQuery 插件。组织的任何类型的内容,诸如图像,文本,网页,列表等。您可以使用它作为一个滑动的画廊或滑块单页网站。

16. Juicy Slider

17. Flex Slider

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件,值得大家在网站开发中试试。

18. The liquid Slider

19. Excolo Slider

一个简单的 jQuery 滑动插件,支持响应式设计和触屏设备。 

20. Sudo Slider

一个功能丰富的 jQuery 滑块插件,可以显示任何 HTML 内容的各种表示方法。

21. Wow Slider

这是另外一款效果精美的响应式图片轮播插件,有众多专业的模板。

22. Minimus Slider

Minimus Slider 是一个简约的,紧凑的 jQuery 滑块。它反应灵敏,它带有可设置的众多参数以满足您的需求,但它天生就是主要用于处理图像。

 

英文链接:Responsive jQuery Image Slider for Developer

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
4月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
4月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
4月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
4月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件
|
4月前
|
JavaScript 前端开发
带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
|
4月前
|
JavaScript 内存技术
支持多种动画特效的响应式jQuery幻灯片插件
支持多种动画特效的响应式jQuery幻灯片插件
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
125 1
|
移动开发 JavaScript HTML5
jQuery工具提示插件tooltip.js 使用教程
jQuery工具提示插件tooltip.js 使用教程
|
JavaScript 前端开发 C#
推荐40款强大的 jQuery 导航插件和教程【上篇】
  在这篇文章中,我为大家收集了40款非常棒的 jQuery 导航插件和教程。导航作为网站重要的组成部分,能够帮助用户找到他们想要的内容,因此导航设计的好坏决定了用户能够在你的网站停留更长的时间,浏览更多的内容。
1039 0
|
JavaScript 前端开发
精心挑选的12款优秀 jQuery 手风琴效果插件和教程
  当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架,只需很少的代码就可以实现精美的手风琴效果,帮助你的网站吸引更多用户的眼球。
1306 0