jQuery Slider插件一般是由滑块与滑动按钮组成，也有一些带暂停和继续按钮的。一般使用的Slider滑块插件，按照展示方式，可以分为两种：一种是为水平滑动；另一种是垂直滑动。当然具体的特效就有很多种了，不一一解释了。大部分的都是一些类似幻灯片的效果，也有带视差效果的。实现方式也大都是基于jQuery+html5+CSS3，大部分插件的兼容性都不错。 [quote][/quote] [img]http://files.jb51.net/file_images/article/201412/2014121514501740.jpg[/img] 之前其实已经分享过28款免费实用的 JQuery 图片和内容滑块插件，但是今天发现之前的草稿里面也存了一些不错的jQuery插件,而且数量还比较多。所以一并发出来分享给大家。 这些jQuery插件同样可以实现图片和内容的滑块效果。下面的这些jQuery插件的Demo网站我都测试了一些，都可以正常访问，我相信那么多款插件中总会有你喜欢的。 如果觉得很不错，可以收藏起来或者分享给你的朋友。 [quote][/quote]好了，直接上插件吧。另外说一点，这些滑块插件都是国外的，小白可能不太会使用。搞开发的应该没什么大问题的。插件特别的多。介绍内容就不一一写了，自己去看看具体效果就知道了。 Draggable Dual-View Slideshow [img]http://files.jb51.net/file_images/article/201412/2014121514501741.jpg[/img] [url=http://tympanus.net/Development/DraggableDualViewSlideshow/]Demo[/url][url=http://tympanus.net/codrops/2014/06/26/draggable-dual-view-slideshow/]Download[/url] Create a Tiled Background Slideshow [img]http://files.jb51.net/file_images/article/201412/2014121514501742.jpg[/img] [url=http://tympanus.net/Tutorials/FourBoxes/]Demo[/url][url=http://tympanus.net/codrops/2014/06/11/how-to-create-a-tiled-background-slideshow/]Download[/url] Animated Content Slider with Bubble Navigation Icons [img]http://files.jb51.net/file_images/article/201412/2014121514501743.jpg[/img] [url=http://blog.templatemonster.com/demos/animated-content-slider-with-bubble-navigation-icons/demo/index.html]Demo[/url][url=http://blog.templatemonster.com/2014/07/01/animated-content-slider-bubble-navigation-icons/]Download[/url] Item Transition Inspiration [img]http://files.jb51.net/file_images/article/201412/2014121514501744.jpg[/img] [url=http://tympanus.net/Development/ItemTransitions/]Demo[/url][url=http://tympanus.net/codrops/2014/03/18/inspiration-for-item-transitions/]Download[/url] Responsive Horizontal Posts Slider using CSS3 and jQuery [img]http://files.jb51.net/file_images/article/201412/2014121514501745.jpg[/img] [url=http://blog.templatemonster.com/wp-content/uploads/demos/coding-a-responsive-horizontal-posts-slider-using-css3-and-jquery/index.html]Demo[/url]  [url=http://blog.templatemonster.com/wp-content/uploads/2014/04/horizontal-slider-source-code.zip]Download[/url] Implement a Dynamic Animated Slider Using Glide.js [img]http://files.jb51.net/file_images/article/201412/2014121514501746.jpg[/img] [url=http://blog.templatemonster.com/wp-content/uploads/2014/01/demo/index.html]Demo[/url][url=http://blog.templatemonster.com/wp-content/uploads/2014/01/glidejs-slider-source-codes.zip]Download[/url] Tilted Content Slideshow [img]http://files.jb51.net/file_images/article/201412/2014121514501747.jpg[/img] [url=http://tympanus.net/Tutorials/TiltedContentSlideshow/]Demo[/url][url=http://tympanus.net/Tutorials/TiltedContentSlideshow/TiltedContentSlideshow.zip]Download[/url] Interactive Particles Slideshow with HTML5 canvas [img]http://files.jb51.net/file_images/article/201412/2014121514501748.jpg[/img] [url=http://tympanus.net/Development/InteractiveParticlesSlideshow/]Demo[/url]  [url=http://tympanus.net/codrops/2013/07/03/interactive-particles-slideshow/]Download[/url] Morphing Devices Slideshow [img]http://files.jb51.net/file_images/article/201412/2014121514501749.jpg[/img] [url=http://tympanus.net/Development/MorphingDevices/]Demo[/url]  [url=http://tympanus.net/codrops/2013/05/15/morphing-devices/]Download[/url] Flipping Circle Slideshow [img]http://files.jb51.net/file_images/article/201412/2014121514501750.jpg[/img] [url=http://tympanus.net/Development/CircleFlipSlideshow/]Demo[/url]  [url=http://tympanus.net/codrops/2013/01/28/flipping-circle-slideshow/]Download[/url] Fashion Responsive Slider Tutorial [img]http://files.jb51.net/file_images/article/201412/2014121514501751.jpg[/img] [url=http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html]Demo Download[/url] Slicebox Revised – jQuery 3D image slider plugin [img]http://files.jb51.net/file_images/article/201412/2014121514501752.jpg[/img] [url=http://tympanus.net/Development/Slicebox/]Demo[/url][url=http://tympanus.net/Development/Slicebox/Slicebox.zip]Download[/url] wmuSlider – Free jQuery Responsive slider [img]http://files.jb51.net/file_images/article/201412/2014121514501753.jpg[/img] [url=https://nodeload.github.com/pastawoua/wmuSlider/zipball/master]Download[/url] Free Animated Responsive Image Grid [img]http://files.jb51.net/file_images/article/201412/2014121514501754.jpg[/img] [url=http://tympanus.net/Development/AnimatedResponsiveImageGrid/]Demo[/url][url=http://tympanus.net/Development/AnimatedResponsiveImageGrid/AnimatedResponsiveImageGrid.zip]Download[/url] Free Responsive jQuery Slideshow Plugin v1.32 [img]http://files.jb51.net/file_images/article/201412/2014121514501755.jpg[/img] [url=https://github.com/viljamis/ResponsiveSlides.js/downloads]Download[/url] Free jQuery Responsive Thumbnail Gallery Plugin [img]http://files.jb51.net/file_images/article/201412/2014121514501756.jpg[/img] [url=https://nodeload.github.com/johnpolacek/ResponsiveThumbnailGallery/zipball/master]Download[/url] Flexslider – Free Responsive jQuery Slider plugin [img]http://files.jb51.net/file_images/article/201412/2014121514501757.jpg[/img] [url=http://flexslider.woothemes.com/]Demo[/url][url=https://nodeload.github.com/woothemes/FlexSlider/zipball/master]Download[/url] Fotorama – Free Gallery Slider with Thumbnail [img]http://files.jb51.net/file_images/article/201412/2014121514501758.jpg[/img] [url=http://fotoramajs.com/]Demo[/url][url=http://fotoramajs.com/set-up/]Download[/url] Elastislide – Free Responsive jQuery Gallery Carousel Plugin [img]http://files.jb51.net/file_images/article/201412/2014121514501759.jpg[/img] [url=http://tympanus.net/Development/Elastislide/]Demo[/url][url=http://tympanus.net/Development/Elastislide/Elastislide.zip]Download[/url] Free Responsive 3D Image Gallery Panel Layout [img]http://files.jb51.net/file_images/article/201412/2014121514501760.jpg[/img] [url=http://tympanus.net/Development/3DPanelLayout/]Demo[/url][url=http://tympanus.net/Development/3DPanelLayout/3DPanelLayout.zip]Download[/url]