首页 > WEB开发 > JavaScript开发 > 分享22款响应式的 jQuery 图片滑块插件
2014
12-09

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

  响应式(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

royalslider

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

 5. Unslider

unslider

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

 6. uSlider

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

 7. Bx Slider

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

 8. Responsive Slides

responsiveslides

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

 9. Slippery

 10. Camera

camera

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

 11. Slideme

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

 12. Glide.js

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

 13. Sequence.js

sequence

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

 14. RTP Slider.js

 15. FerroSlider2

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

 16. Juicy Slider

 17. Flex Slider

flex-slider

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

 18. The liquid Slider

 19. Excolo Slider

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

 20. Sudo Slider

sudo-slider

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

 21. Wow Slider

wow-slider

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

 22. Minimus Slider

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

编程技巧