21个免费响应旋转木马Jquery插件

知更鸟
知更鸟
知更鸟
1500
文章
6903
评论
2014年9月22日09:59:22 1 6.3K

1、anoSlide – Ultra lightweight responsive jQuery carousel

anoSlide is ultra lightweight responsive jQuery carousel plugin. It’s suitable for implementing a carousel for both desktop and mobile viewports.

Examples | Download

21个免费响应旋转木马Jquery插件

2、OWL Carousel

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

Examples | Download

21个免费响应旋转木马Jquery插件

3、3D Carousel Gallery

Using CSS 3D transforms, and just a bit of Javascript.

Examples | Download

21个免费响应旋转木马Jquery插件

4、3D Carousel Using TweenMax.js & jQuery

A beautiful 3D Carousel plugin if you ask me. This 3D carousel look under beta stage as i found some problems right away. If you are interested in testing and creating your own then this carousel is going to great help.

Examples | Download

21个免费响应旋转木马Jquery插件

5、Bootstrap Carousel

A responsive bootstrap carousel slider just for your new website.

Examples | Download

21个免费响应旋转木马Jquery插件

6、Bootstrap Moving Box Carousel

Most used type of carousel in business, portfolio websites. You can see this in almost every type of website made today as it is very resourceful.

Examples | Download

21个免费响应旋转木马Jquery插件

7、Tiny Circleslider

Its tiny and i dont its responsive as resolution is already very small and view able on mobile devices. Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.

Examples | Download

21个免费响应旋转木马Jquery插件

8、Killer Carousel

Powerful, responsive, touch-enabled carousel for modern websites and devices, plus legacy browser support.

Examples | Download

21个免费响应旋转木马Jquery插件

9、Wow – Carousel Slider

Over 50 effects this may be the biggest source for you to create unique design of your own in no time.

Examples | Download

21个免费响应旋转木马Jquery插件

10、bxSlider – The Responsive jQuery Content Slider

Resize your browser to see the slider adapt.

Examples | Download

21个免费响应旋转木马Jquery插件

11、jCarousel

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.

It provides a full-featured and flexible toolset for navigating any HTML based content in a carousel-like fashion.

Example| Download

21个免费响应旋转木马Jquery插件

12、Scrollbox : jQuery Plugin

jQuery Scrollbox is a lightweight plugin that enables you to scroll a list of html elements (text, image, etc…) like a carousel slider or traditional marquee. Not responsive but i love this.

Examples | Download

21个免费响应旋转木马Jquery插件

13、dbpasCarousel

This plugin will convert the ul element into a carousel.

Examples | Download

21个免费响应旋转木马Jquery插件

14、Flexisel : jQuery Responsive Carousel Plugin

All you have to do is call flexisel on your unordered list containing images. Call it on the $(window).load event (as opposed to the $(document).ready event) so that Flexisel can calculate the width of the images and figure out how to space them out properly.

Examples | Download

21个免费响应旋转木马Jquery插件

15、Elastislide – A responsive image carousel

Elastislide is a responsive jQuery image carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.

Example| Download

21个免费响应旋转木马Jquery插件

16、FlexSlider 2

The best responsive slider. Period.

Example| Download

21个免费响应旋转木马Jquery插件

17、Amazing Carousel

Amazing Carousel is an easy-to-use Windows & Mac app that enables you to create circular, responsive jQuery Carousel and jQuery Image Scroller. The carousel can also be published as WordPress Carousel Plugin, Joomla Carousel Module and Drupal Carousel Module.

Examples | Download

21个免费响应旋转木马Jquery插件

18、Responsive image gallery – thumbnail carousel

A tutorial on how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width.

Example | Download

21个免费响应旋转木马Jquery插件

19、jQuery Liquid Carousel plugin

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width.

Example | Download

21个免费响应旋转木马Jquery插件

20、jQuery CarouFredsel

CarouFredSel is quite simply the most powerful and flexible way to add carousels to your website. The jQuery version is free to download so scroll below to find the download option.

Examples | Download

21个免费响应旋转木马Jquery插件

21、Responsive Infinite Carousel

This is an in-progress experiment to create a infinite (circular) responsive carousel. That means: – You can resize as much as you want. You can scroll as much as you want. Simple as that. But so far the width of each item is still hardcoded on the CSS – I’m looking for a nice solution before going for js.

Demo | Download

21个免费响应旋转木马Jquery插件

原文:http://designscrazed.net/free-responsive-jquery-carousel-slider-plugins/?utm_source=tuicool

继续阅读
weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
最佳 CSS 框架 Web前端

最佳 CSS 框架

在构建网站时,使用 CSS 框架是一个实时的节省,因为它为您提供了每个网页设计师和前端开发人员在制作网站时需要的工具。 CSS 框架是一个软件框架,它允许使用 HTML/CSS 进行更简单、更符合标准...
line-height安卓中不垂直居中 Web前端

line-height安卓中不垂直居中

设计响应式网页,PC端和移动端的样式兼容性,很让人挠头,最常见的就是文字垂直不居中,而且苹果手机和安卓手机下表现也不尽相同,往往苹果手机是垂直居中的,但在安卓机上字却靠上了,总是差那么一像素,应该是安...
jQuery幻灯片插件:OWL Carousel Web前端

jQuery幻灯片插件:OWL Carousel

Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件,它具有以下特点: 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式...
js实时获取浏览器窗口大小 Web前端

js实时获取浏览器窗口大小

js实时获取浏览器窗口大小,我们可以使用addEventListener()方法来实现。该addEventListener()方法可以注册事件处理程序以侦听浏览器窗口resize事件,例如window...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • 小兽 小兽 0

      沙发