10个免费的响应式jQuery Carousel 轮播图插件
2015-10-29 18:58
846 查看
jQuery Carousel 轮播图插件可以给网站创建华丽的动画效果,这里列出的10个jQuery Carousel 轮播图插件都是响应式的,并且可以免费使用。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/e75959000dfa3132c00842d6f1960721.jpg)
简单的触摸式Carousel 轮播图插件,提供多种样式的旋转动画,如向上滑动,基于全屏的触摸滑动,左右滑动等。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/0e0734501fecb9fc093beada9e31e1c9.jpg)
每当Liquid 容器的大小改变时,都会重新调整列表中的项目数,以适应新的宽度。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/4af917a93ebfe9e4869c023d2a65716f.jpg)
jCarousel 是一个用来控制水平或垂直方向上列表项的jQuery插件。它提供了功能强大、灵活的工具集,可以放置任何基于HTML的内容。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/e96f4c4eb301aa24a6c87dd81ac2cd56.jpg)
jQCarousel 是一个jQuery UI插件,它使用canvases 或 SVG,所以可以用在旧版本的浏览器中。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/283e72cb65ff9d566d4c9a3b33e1b73b.jpg)
该插件使用CSS 3D transformation属性以及JavaScrip来创建美妙的轮播图。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/070d48c0708a96e4ce1c4456f5711a04.jpg)
Flexisel是一个免费的响应式jQuery Carousel 轮播图插件,由于Flexisel是响应式的,所以可以用于手机或平板端的轮播图效果。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/b8e1650de676ffa8d23050f84b2c4115.jpg)
如果你想在网站的某部分显示组合,品牌,客户等信息时,Elastislide 将是一个非常有用的插件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/416c580d13afe27f8fa5edd578048d64.jpg)
该插件提供了大约50个特性,使它更独特且极具吸引力。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/d4e1ca3d16a83c3943d6bf91a3f368d6.jpg)
AGILE Carousel 是一个可以用了创建时尚效果的轮播图插件。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/22c1cecff8fd036827d5ba3f4d02e5f9.jpg)
Blueimp Gallery是一个带有触摸功能,响应性和可定制的图像和视频库,carousel 和灯箱效果,可为移动和PC浏览器进行定制优化。http://info.9iphp.com/responsive-jquery-carousel-slider-plugins-2015/
1. ItemSlide.js
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/e75959000dfa3132c00842d6f1960721.jpg)
简单的触摸式Carousel 轮播图插件,提供多种样式的旋转动画,如向上滑动,基于全屏的触摸滑动,左右滑动等。
2. Liquid
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/0e0734501fecb9fc093beada9e31e1c9.jpg)
每当Liquid 容器的大小改变时,都会重新调整列表中的项目数,以适应新的宽度。
3. jCarousel
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/4af917a93ebfe9e4869c023d2a65716f.jpg)
jCarousel 是一个用来控制水平或垂直方向上列表项的jQuery插件。它提供了功能强大、灵活的工具集,可以放置任何基于HTML的内容。
4. jQCarousel
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/e96f4c4eb301aa24a6c87dd81ac2cd56.jpg)
jQCarousel 是一个jQuery UI插件,它使用canvases 或 SVG,所以可以用在旧版本的浏览器中。
5. 3D Carousel Gallery
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/283e72cb65ff9d566d4c9a3b33e1b73b.jpg)
该插件使用CSS 3D transformation属性以及JavaScrip来创建美妙的轮播图。
6. Flexisel
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/070d48c0708a96e4ce1c4456f5711a04.jpg)
Flexisel是一个免费的响应式jQuery Carousel 轮播图插件,由于Flexisel是响应式的,所以可以用于手机或平板端的轮播图效果。
7. Elastislide
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/b8e1650de676ffa8d23050f84b2c4115.jpg)
如果你想在网站的某部分显示组合,品牌,客户等信息时,Elastislide 将是一个非常有用的插件。
8. Wow Slider
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/416c580d13afe27f8fa5edd578048d64.jpg)
该插件提供了大约50个特性,使它更独特且极具吸引力。
9. Agile Carousel
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/d4e1ca3d16a83c3943d6bf91a3f368d6.jpg)
AGILE Carousel 是一个可以用了创建时尚效果的轮播图插件。
10. Blueimp Gallery
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/30/22c1cecff8fd036827d5ba3f4d02e5f9.jpg)
Blueimp Gallery是一个带有触摸功能,响应性和可定制的图像和视频库,carousel 和灯箱效果,可为移动和PC浏览器进行定制优化。http://info.9iphp.com/responsive-jquery-carousel-slider-plugins-2015/
相关文章推荐
- 为Web程序员准备的10个最棒的jQuery视频插件
- 人人必知的10个 jQuery 小技巧
- Oct 29th-jQuery的异步请求
- JQuery原理介绍及学习方法
- JQuery & Javascript
- JQuery原理介绍及学习方法
- 一个简洁漂亮的jQuery拖放排序插件DDSort
- jQuery实现瀑布流布局详解(PC和移动端)
- jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则
- 利用jquery的jsonp实现的必应搜索
- jQuery实现切换页面过渡动画效果
- jQuery EasyUI中window/dialog 窗口折叠和展开方法(显示)
- jquery 集合操作
- jQuery.i18n.properties实现前端国际化
- jquery delay()介绍及使用指南
- jquery expand
- jQuery on 方法对于网页元素动态绑定好处
- jQuery-easyUI的使用:easyloader的使用解析
- jQuery-easyUI的使用:基本组件的使用、使用组件的两种方式
- JQuery的初学笔记——和原生JS的区别