Web 开发最有用的50款 jQuery 插件集锦——《内容滑块篇》

Web 开发最有用的50款 jQuery 插件集锦——《内容滑块篇》

作者:稚子 时间:2013-04-03 分类:系统分类 评论:0条 浏览:3393

今天给大家带来的是在 Web 项目中常用的内容滑块插件。这个系列的文章将向大家分享50款最具创新的,同时也是最有用的 jQuery 插件,这些插件分成以下类别:网页布局插件,导航插件,表格插件,滑块和转盘插件,图表插件,图片特效插件以及视频插件等等,欢迎大家关注我的后续博文。

Responsive Carousel

Responsive Carousel

responsive-carousel 是一个内容传送带插件,支持鼠标、触摸和键盘操作。默认包含 slide/drag 过渡特效,你也通过 data 属性应用以及包含额外的 CSS 样式。

在源文件夹里还包含其它的扩展,例如翻转和淡入淡出的过渡效果,自动播放,分页等等。使用示例:

插件下载     效果演示

 

iosSlider

iosSlider

iosSlider 是一款响应式的,支持触屏操作的,跨浏览器的 jQuery 插件,它可以用来作为一个内容滑块,旋转木马,滚动的网站横幅或一个图片库。

调用方式:

插件下载     效果演示

 

Sequence.js

Sequence.js

这是一款动画效果很抢眼的响应式内容滑动插件,主要特色:使用 CSS3 过渡特效、触屏设备、跨浏览器以及响应式布局。

本身无内置的主题,可以根据需要完全自定义。主题示例:

插件下载     效果演示

 

Fresco

Fresco

Fresco 是一款响应式的灯箱插件,它可以被用来创建令人惊叹的遮罩效果。它配备了全屏播放,支持视网膜显示的主题以及强大的 JavaScript API。

  插件下载     效果演示

 

BookBlock: A Content Flip Plugin

BookBlock: A Content Flip Plugin

BookBlock 这款插件可用于创建精美的小册子风格效果,支持“翻页”模式的导航,可以用于显示任何内容,如图像、文本和视频等待。

使用示例:

插件下载     效果演示

 

Adaptor

Adaptor

Adaptor 是一个轻量级的内容滑块,提供了简单的接口来创建很酷的 2D 或 3D 的幻灯片动画效果。

不支持 3D 的浏览器将优雅降级到简单的淡入淡出过渡动画。使用方法:

插件下载     效果演示

 

rcarousel

rcarousel

rcarousel 是基于 jQuery UI 的连续传送带效果插件,包含一些很酷的特性,支持高度定制和 IE6 等古老的浏览器。

使用示例:

插件下载     效果演示

 

Rhinoslider

Rhinoslider

Rhinoslider 是一个灵活的多重效果滑块/幻灯片,它可以用来作为简单的幻灯片演示,或作为一个效果丰富的 jQuery 滑块。

官方还提供了一个方便的效果定制工具,可以配置你想要的效果,然后生成下载源码。

插件下载     效果演示

 

RSlider

RSlider

RSlider 是一个全屏的响应式图像和内容滑块,外观设计简洁大方,会根据浏览器的窗口宽度自动调整尺寸。

插件下载     效果演示 (温馨提示:需要翻墙访问)

 

µslider

µslider

μslider是一个 jQuery 内容滑块插件,易于使用,只有一些基本的配置选项。

插件下载     效果演示

 

ResponsiveSlides.js

ResponsiveSlides.js

压轴的 ResponsiveSlides.js 是一款轻量的 jQuery 插件,用于创建响应的幻灯片。支持下列参数:

兼容的浏览器:

  • Internet Explorer 6,7,8,9
  • Firefox 3,6,8,11
  • Safari 5,5.1
  • Chrome 15,20
  • Opera 11,11.6
  • iOS Safari
  • Symbian 3 Webkit
  • Opera Mobile 10.1
  • Opera Mini for iOS
  • IE7, IE9 Mobile
  • Firefox Mobile
  • Android 2.3+
  • Kindle browser

插件下载     效果演示

 

标签:

相关推荐
更多

发表评论

邮箱地址不会被公开。 必填项已用*标注

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。