以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件，我们可以很简单地直接将这些图片滑动插件嵌入到网页中，很容易就得到了即酷又实用的jQuery图片滑动效果。从这篇文章开始到接下来的几篇文章我们将向大家分享40多种非常有用，又有创意的jQuery图片滑动插件，及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑动插件，然后点击演示链接查看具体效果，然后下载此jQuery滑动插件。希望你能在这40个jQuery图片滑动插件中找到你想要的。 1 FlexSlider ([url=http://flex.madebymufffin.com/]Demo演示[/url] | [url=http://flex.madebymufffin.com/files/FlexSlider-1.7.zip]Download下载[/url]) FlexSlider是一个非常出色的jQuery滑动切换插件，它支持所有主流浏览器，并有淡入淡出效果。适合所有初级和高级网页设计师使用。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders8.jpg[/img] jQuery图片滑动切换插件 - Flexslider 2 Bubble Slidershow Effect with jQuery ([url=http://demo.tutorialzine.com/2011/07/bubble-slideshow-jquery-css/]Demo[/url]演示 | [url=http://demo.tutorialzine.com/2011/07/bubble-slideshow-jquery-css/bubble-slideshow.zip]Download下载[/url]) 基于jQuery的泡泡图片滑动切换效果。Bubble Slidershow是一个很有意思的jQuery图片滑动切换插件。它通过泡泡效果来进行图片切换，动态效果很特别。非常适合做风景等照片的切换展示。Bubble Slidershow的代码是模块化的，你可以按你的需求随意修改。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders39.jpg[/img] jQuery图片滑动切换插件 - 泡泡效果 3 Responsive Image Gallery with Thumbnail Carousel ([url=http://tympanus.net/Tutorials/ResponsiveImageGallery/]Demo[/url]演示 | [url=http://tympanus.net/Tutorials/ResponsiveImageGallery/ResponsiveImageGallery.zip]Download下载[/url]) 这个图片滑动切换插件非常适合用于照片的切换显示，它使用Elastislide的缩略图。用户可以点击缩略图或左右按钮显示对应的图片。另外它支持用户点击键盘的左右方向键切换图片。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders29.jpg[/img] jQuery图片滑动切换插件 - 照片浏览 4 Circular Content Carousel with jQuery ([url=http://tympanus.net/Development/CircularContentCarousel/]Demo[/url]演示 | [url=http://tympanus.net/Development/CircularContentCarousel/CircularContentCarousel.zip]Download下载[/url]) 这个图片滑动切换插件合适用于步骤讲解，或产品介绍。当用户点击More按钮时当前内容会移动到最左边，然后显示一个文本框用于显示更多信息。并且可以点击左、右按钮切换内容。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders21.jpg[/img] jQuery图片滑动切换插件 - 滑动及弹出层 5 Lateral On-Scroll Sliding with jQuery ([url=http://tympanus.net/Tutorials/LateralOnScrollSliding/]Demo[/url]演示 | [url=http://tympanus.net/Tutorials/LateralOnScrollSliding/LateralOnScrollSliding.zip]Download下载[/url]) 这个插件其实已经超越了图片滑动切换的功能。它的作用是用户可以点击按钮，然后自动向上或向下滑动定位到网页的某个位置。网页的内容分成左右两栏，插件的滑动很流畅。可以用于时间线的定位。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders24.jpg[/img] jQuery图片滑动切换插件 - 时间轴动态滑动 6 jScrollPane实现隐藏滚动条效果 ([url=http://tympanus.net/Tutorials/ScrollbarVisibility/]Demo[/url]演示 | [url=http://tympanus.net/Tutorials/ScrollbarVisibility/ScrollbarVisibility.zip]Download下载[/url]) 这个滑动插件也是广义的滑动效果插件，它的作用是用于隐藏页面的滚动条。只有当用户鼠标移动到内容上方时才会出来滚动条。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders28.jpg[/img] jQuery图片滑动切换插件 - 隐藏滚动条 7 Timelinr ([url=http://www.csslab.cl/ejemplos/timelinr/latest/horizontal.html]Demo[/url]演示 | [url=http://www.csslab.cl/ejemplos/timelinr/latest/horizontal.html]Download下载[/url]) 跟第5个插件很类型，它是一个基于时间线的jQuery滑动插件。你可以自定义它的滑动速度，透明度等效果。同时运行横向和纵向两种滑动切换模式。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders1.jpg[/img] jQuery图片滑动切换插件 - 时间轴动态滑动 8 SmartGallery ([url=http://www.egrappler.com/smart-gallery/index.htm]Demo[/url]演示 | [url=http://www.egrappler.com/smart-gallery/smart-gallery.zip]Download下载[/url]) SmartGallery是一个非常出色的照片滑动切换展示的jQuery插件。它支持12种不同的图片过渡切换效果。并有小缩略图。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders2.jpg[/img] jQuery图片滑动切换插件 - 照片浏览效果 9 Xml Driven Vertical News Scroller Script Vscroller ([url=http://www.egrappler.com/vscroller/index.htm]Demo[/url]演示 | [url=http://www.egrappler.com/vscroller/vscroller.zip]Download下载[/url]) 读取Xml的新闻纵向滚动效果。Vscroller可以用于新闻滚动显示的效果。它通过读取一个XML文件，并通过其漂亮的效果表现出来。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders3.jpg[/img] jQuery图片滑动切换插件 - 新闻滑动滚动效果 10 PushUp ([url=http://www.egrappler.com/pupslider/index.htm]Demo[/url]演示 | [url=http://www.egrappler.com/pupslider/pupslider.zip]Download下载[/url]) 这个插件的功能也已经超越图片滑动切换的范畴。它的作用是当网页需要弹出一个新层来展示更多内容时，它可以固定显示在网页的左边或右边，以展示更多的内容。 [img]http://files.jb51.net/file_images/article/201112/jquerysliders4.jpg[/img] jQuery图片滑动切换插件 - 弹出固定层 原文来自 http://www.techolics.com