滑块和幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享20个非常棒的 jQuery 幻灯片插件和教程。 [url=http://tympanus.net/codrops/2010/10/07/slider-gallery/]Slider Gallery with jQuery[/url] [url=http://tympanus.net/codrops/2010/10/07/slider-gallery/][img]http://files.jb51.net/file_images/article/201201/201201132252292.jpg[/img] [/url] [url=http://designm.ag/tutorials/image-rotator-css-jquery/]Create an Image Rotator with Description (CSS/jQuery)[/url] [url=http://designm.ag/tutorials/image-rotator-css-jquery/][img]http://files.jb51.net/file_images/article/201201/201201132252293.jpg[/img] [/url] [url=http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/]Create a Slick and Accessible Slideshow Using jQuery[/url] [url=http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/][img]http://files.jb51.net/file_images/article/201201/201201132252294.jpg[/img] [/url] [url=http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption]Simple JQuery Image Slide Show with Semi-Transparent Caption[/url] [url=http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption][img]http://files.jb51.net/file_images/article/201201/201201132252295.jpg[/img] [/url] [url=http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/]Animate Panning Slideshow with jQuery[/url] [url=http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/][img]http://files.jb51.net/file_images/article/201201/201201132252296.jpg[/img] [/url] [url=http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html]Create Beautiful jQuery slider tutorial[/url] [url=http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html][img]http://files.jb51.net/file_images/article/201201/201201132252297.jpg[/img] [/url] [url=http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/]Create Featured Content Slider Using jQuery UI[/url] [url=http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/][img]http://files.jb51.net/file_images/article/201201/201201132252298.jpg[/img] [/url] [url=http://tutorialzine.com/2010/03/mosaic-slideshow-jquery-css/]Making a Mosaic Slideshow With jQuery & CSS[/url] [url=http://tutorialzine.com/2010/03/mosaic-slideshow-jquery-css/][img]http://files.jb51.net/file_images/article/201201/201201132252299.jpg[/img] [/url] [url=http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/]A Beautiful Apple-style Slideshow Gallery With CSS & jQuery[/url] [url=http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/][img]http://files.jb51.net/file_images/article/201201/2012011322522910.jpg[/img] [/url] [url=http://tutorialzine.com/2009/10/slick-content-slider-jquery/]Making A Slick Content Slider[/url] [url=http://tutorialzine.com/2009/10/slick-content-slider-jquery/][img]http://files.jb51.net/file_images/article/201201/2012011322522911.jpg[/img] [/url] [url=http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/]An HTML5 Slideshow w/ Canvas & jQuery[/url] [url=http://tutorialzine.com/2010/09/html5-canvas-slideshow-jquery/][img]http://files.jb51.net/file_images/article/201201/2012011322522912.jpg[/img] [/url] [url=http://buildinternet.com/2009/06/how-to-make-a-slideshow-with-a-transparent-png-frame/]How to Make a Slideshow with a Transparent PNG Frame[/url] [url=http://buildinternet.com/2009/06/how-to-make-a-slideshow-with-a-transparent-png-frame/][img]http://files.jb51.net/file_images/article/201201/2012011322522913.jpg[/img] [/url] [url=http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/]How to Create a Simple iTunes-like Slider[/url] [url=http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-simple-itunes-like-slider/][img]http://files.jb51.net/file_images/article/201201/2012011322522914.jpg[/img] [/url] [url=http://new2wp.com/pro/part-3-making-a-dynamic-wordpress-jquery-featured-post-slider-tutorial-finale/]Making A Dynamic WordPress jQuery Featured Post Slider Tutorial[/url] [url=http://new2wp.com/pro/part-3-making-a-dynamic-wordpress-jquery-featured-post-slider-tutorial-finale/][img]http://files.jb51.net/file_images/article/201201/2012011322522915.jpg[/img] [/url] [url=http://webdesignersdesk.com/2010/05/content-slider-using-css-and-jquery/]Content Slider Using CSS and Jquery[/url] [url=http://webdesignersdesk.com/2010/05/content-slider-using-css-and-jquery/][img]http://files.jb51.net/file_images/article/201201/2012011322522916.jpg[/img] [/url] [url=http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/]Automatic Image Slider w/ CSS & jQuery[/url] [url=http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/][img]http://files.jb51.net/file_images/article/201201/2012011322522917.jpg[/img] [/url] [url=http://css-plus.com/2010/09/create-your-own-jquery-image-slider/]Create your own jQuery Image Slider[/url] [url=http://css-plus.com/2010/09/create-your-own-jquery-image-slider/][img]http://files.jb51.net/file_images/article/201201/2012011322522918.jpg[/img] [/url] [url=http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/]Creating a Slick Auto-Playing Featured Content Slider[/url] [url=http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/][img]http://files.jb51.net/file_images/article/201201/2012011322522919.jpg[/img] [/url] [url=http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle]Build a Simple Image Slideshow with jQuery Cycle[/url] [url=http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle][img]http://files.jb51.net/file_images/article/201201/2012011322522920.jpg[/img] [/url] [url=http://tympanus.net/codrops/2010/04/28/pretty-simple-content-slider-with-jquery-and-css3/]Pretty Simple Content Slider with jQuery and CSS3[/url] [url=http://tympanus.net/codrops/2010/04/28/pretty-simple-content-slider-with-jquery-and-css3/][img]http://files.jb51.net/file_images/article/201201/2012011322522921.jpg[/img] [/url]