相思资源网 Design By www.200059.com

  图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。

Nivo Slider

首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本。

目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色:

"http://nivo.dev7studios.com/" target=_blank>12款经典的白富美型—jquery图片轮播插件—前端开发必备

插件下载     效果演示

3D Image Slider

非常非常酷的 3D 图片滑动效果,有五种绚丽的效果演示。

立体效果是基于CSS3实现的,请使用最新 Chrome,Firefox 和 Safari 浏览器浏览效果。

对于不支持 CSS3 的浏览器提供了优雅的降级处理,这款插件还有详细的制作教程。

12款经典的白富美型—jquery图片轮播插件—前端开发必备

插件下载     效果演示

Flexslider

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果。

这款插件也是 2011 年度最佳 jQuery 插件,今年被 WooThemes 收购并发布了2.0版本,因此继续入选 2012 年度榜单。

主要特色

"TEXT-ALIGN: center">12款经典的白富美型—jquery图片轮播插件—前端开发必备

插件下载     效果演示

Elastislide

Elastislide 是一款非常优秀的响应式 jQuery 幻灯片插件,集成了 Touchwipe 插件以支持触屏设备。

提供了四种效果

"http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/" target=_blank>制作教程,非常详细,可以学习到插件的制作方法。

12款经典的白富美型—jquery图片轮播插件—前端开发必备

插件下载     效果演示

3D Gallery

特别推荐!精致的立体图片切换效果,特别适合企业产品展示,可立即用于实际项目中。

支持导航和自动播放功能, 基于 CSS3 实现,推荐使用最新的 Chrome,Firefox 和 Safari 浏览器浏览效果。

12款经典的白富美型—jquery图片轮播插件—前端开发必备

插件下载     效果演示

Image Transitions

基于 jQueryCSS3 动画实现的图片过渡效果。

共有Flip、Rotation、Multi-flip、Cube、Unfold等6种效果。

这款插件有详细的制作教程可以参考学习。 

12款经典的白富美型—jquery图片轮播插件—前端开发必备

插件下载     效果演示

Slidesjs

Slides 是一个非常简洁的 jQuery 图片轮播插件,其特点是自动循环播放、图片预加载以及自动分页功能。

使用示例 

"http://slidesjs.com/examples/images-with-captions/" target=_blank>Images with captions"http://slidesjs.com/examples/linking/" target=_blank>Linking"http://slidesjs.com/examples/product/" target=_blank>Product"http://slidesjs.com/examples/multiple/" target=_blank>Multiple slideshows"http://slidesjs.com/examples/simple/" target=_blank>Simple (unstyled)"http://slidesjs.com/examples/standard/" target=_blank>Standard

12款经典的白富美型—jquery图片轮播插件—前端开发必备

下载插件     效果演示

Galleria

这是一个响应式的 JavaScript 相册插件,目的是让制作专业相册功能变得更加简单。

Galleria 支持缩略图导航、全屏浏览和自动播放功能,支持 iPhone,iPad Touch 等移动触屏设备。

12款经典的白富美型—jquery图片轮播插件—前端开发必备

下载插件     效果演示

AnythingSlider

AnythingSlider 由CSS-Tricks 的Chris Coyier 设计,功能齐全,效果精美,应用十分广泛。

主要特色

"TEXT-ALIGN: center">12款经典的白富美型—jquery图片轮播插件—前端开发必备

下载插件     效果演示

WOW Slider

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

提供了 Rotate,Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade 等精美的轮播效果。

12款经典的白富美型—jquery图片轮播插件—前端开发必备

下载插件     效果演示

An HTML5 Slideshow

基于 HTML5 Canvas 和 jQuery 制作的图片幻灯片效果,有详细的制作教程可以学习。

详细的制作教程和实现思路参考这里,An HTML5 Slideshow With Canvas & jQuery。

12款经典的白富美型—jquery图片轮播插件—前端开发必备

下载插件     效果演示

Awkward Showcase

提供常见的图片轮播效果,可以前后切换,也可以通过页码导航,能够在一页上显示也可以幻灯片形式显示。

效果演示

"http://showcase.awkwardgroup.com/index.html" target=_blank>Normal
"http://showcase.awkwardgroup.com/index2.html" target=_blank>Vertical thumnbails
"http://showcase.awkwardgroup.com/index3html" target=_blank>Horizontal thumbnails
"http://showcase.awkwardgroup.com/index4.html">Dynamic height
"http://showcase.awkwardgroup.com/index5.html" target=_blank>Hundred percent
"http://showcase.awkwardgroup.com/index6html" target=_blank>Viewline

12款经典的白富美型—jquery图片轮播插件—前端开发必备

下载插件     效果演示

作者:山边小溪
出处:http://www.cnblogs.com/lhb25/

标签:
图片轮播,轮播图

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“12款经典的白富美型—jquery图片轮播插件—前端开发必备”

暂无12款经典的白富美型—jquery图片轮播插件—前端开发必备的评论...

稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!

昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?