为你下一个项目准备的21个漂亮 jQuery Sliders
admin 13年前
开发人员利用 <a href="http://www.open-open.com/ajax/jquery.htm" target="_blank">jQuery</a>框架可以做出很多高级的东西。通过几行代码,您就可以为您的网站创建出美丽的效果。滑块展示内容是我们经常用到的一个控件,在这里,我们已经收集了21个漂亮的jQuery滑块控件。 <p><strong><a href="/misc/goto?guid=4958184836033279473" target="_blank">Coin Slider jQuery Image Slider</a></strong><br /> <img title="coin slider jquery.jpg" border="0" alt="coin slider jquery.jpg" src="https://simg.open-open.com/show/7d85b51650d6fd7a194c0e10d29ca136.jpg" /></p> <p>Image Slider with Unique Effects. Here are few features: Flexible configuration, Auto slide, Navigation box, Lightweight (8kb only), Linking images, Free to use under MIT licence, Fully customizable using CSS, Compatible with Android and iPhone.</p> <p><strong><a href="/misc/goto?guid=4958184836891393278" target="_blank">Chop Slider</a></strong></p> <p><img alt="jQuery Slider 2" src="https://simg.open-open.com/show/64bbd1505297c57e6c7461be556e55bd.jpg" width="540" /></p> <p>Chop Slider is the most awesome and kickassable animated jQuery image slider developed by the iDangero.us Unlimited number of custom animated transitions. It allows you to be fuly creative and create your own transition effects.</p> <p><strong><a href="/misc/goto?guid=4958184296375936985" target="_blank">Full Page Image Gallery with jQuery</a></strong></p> <p><img alt="jQuery Slider 3" src="https://simg.open-open.com/show/3c1ac3ff4ed64e892d64f1161c275ae7.jpg" width="540" /></p> <p>A stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. It has a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse.</p> <p><strong><a href="/misc/goto?guid=4958184838306715873" target="_blank">TN3 Gallery</a></strong></p> <p><img alt="jQuery Slider 4" src="https://simg.open-open.com/show/bbccef614b05824a6df038a4f02af943.jpg" width="540" /></p> <p>TN3 Gallery is a full fledged HTML based customizable image gallery with slideshow, transitions and multiple album options. Compatible with all modern desktop and mobile browsers.</p> <p><strong><a href="/misc/goto?guid=4958184839041774211" target="_blank">Sweet Thumbnails Preview jQuery Gallery</a></strong></p> <p><img alt="jQuery Slider 5" src="https://simg.open-open.com/show/4aafadae70d7f0223454db1b8551e0bf.jpg" width="540" /></p> <p>An image gallery with jQuery that shows a preview of each image as a little thumbnail. When clicking a slider dot, the full image will slide in from the right or left side, depending on the currently viewed image.</p> <p><strong><a href="/misc/goto?guid=4958184839775701131" target="_blank">DDSlider</a></strong></p> <p><img alt="jQuery Slider 6" src="https://simg.open-open.com/show/a62d80c961d797da9359edee2e613032.jpg" width="540" /></p> <p>DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page.</p> <p><strong><a href="/misc/goto?guid=4958184840520214480" target="_blank">Advanced Slider – jQuery XML slider</a></strong></p> <p><img alt="jQuery Slider 7" src="https://simg.open-open.com/show/8aa899937cae5f8613ac8ef2cf666046.jpg" width="540" /></p> <p>Advanced Slider is a jQuery plugin that allows you to easily create powerfull sliders using either XML , thus making the slider much easier to setup and maintain, or using HTML markup.</p> <p><strong><a href="/misc/goto?guid=4958184841430025569" target="_blank">WOW jQuery Slider</a></strong></p> <p><img alt="jQuery Slider 8" src="https://simg.open-open.com/show/8dc682e7e41842615812da4b0855d2c2.jpg" width="540" /></p> <p>WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates.</p> <p><strong><a href="/misc/goto?guid=4958184842174039200" target="_blank">s3Slider jQuery Plugin</a></strong></p> <p><img alt="jQuery Slider 9" src="https://simg.open-open.com/show/1cbe0e165347d39bbc7646a67411908a.jpg" width="540" /></p> <p>This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. Simple but very useful jQuery plugin for your next project.</p> <p><strong><a href="/misc/goto?guid=4958184843114855723" target="_blank">Orbit: A Slick jQuery Image Slider Plugin</a></strong></p> <p><img alt="jQuery Slider 10" src="https://simg.open-open.com/show/7e9cd14059204a2d4ffba51d242a006d.jpg" width="540" /></p> <p>Beutiful jQuery slider plugin having features: Use image thumbnails for navigation, compatible with most of the browsers, cleaner and semantic code.</p> <p><strong><a href="/misc/goto?guid=4958184843884278848" target="_blank">Nivo jQuery Slider</a></strong></p> <p><img alt="jQuery Slider 11" src="https://simg.open-open.com/show/56f02a6f710499c246293f9310f63cbd.jpg" width="540" /></p> <p>This jQuery plugins have many amazing features like 16 unique transition effects, Simple clean & valid markup, Loads of settings to tweak, Built in directional and control navigation, Packed version only weighs 15kb, Supports linking images, Keyboard Navigation, HTML Captions, 3 Slick Themes, Free to use and abuse under the MIT license.</p> <p><strong><a href="/misc/goto?guid=4958184844631788595" target="_blank">Rotating Image Slider with jQuery</a></strong></p> <p><img alt="jQuery Slider 12" src="https://simg.open-open.com/show/6b146b3c2fdac5e952d04bd083ae90c7.jpg" width="540" /></p> <p>An asymmetrical image slider with sliding the pictures which slightly rotate them and delay the sliding of each element.</p> <p><strong><a href="/misc/goto?guid=4958184845386781180" target="_blank">Avia jQuery Slider</a></strong></p> <p><img alt="jQuery Slider 13" src="https://simg.open-open.com/show/35cedd76728d195ec7a7ff955c1f78c1.jpg" width="540" /></p> <p>8 unique transition effects, Lots of easy to set options to create your own effects, Included Image preloader, Autoplay that stops on user interaction, Valid HTML5 and CSS 3 Markup, Packed version only weights 8kb, Supports linked images, already prepared to work with prettyPhoto Lightbox, works with jQuery 1.32 and higher</p> <p><strong><a href="/misc/goto?guid=4958184846134874306" target="_blank">Slides A slideshow plugin for jQuery</a></strong></p> <p><img alt="jQuery Slider 14" src="https://simg.open-open.com/show/67b64568ce7746376e1fa6e1a6ee4ea4.jpg" width="540" /></p> <p>Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.</p> <p><strong><a href="/misc/goto?guid=4958184846887699721" target="_blank">jQuery captify</a></strong></p> <p><img alt="jQuery Slider 15" src="https://simg.open-open.com/show/5b5c2e6cab029fa1e5931c01bca7e6fb.jpg" width="540" /></p> <p>Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer.</p> <p><strong><a href="/misc/goto?guid=4958184847620294730" target="_blank">Advanced jQuery background image slideshow</a></strong></p> <p><img alt="jQuery Slider 16" src="https://simg.open-open.com/show/ed1816a9942906faf7cc651e21bb389b.jpg" width="540" /></p> <p>With the use of transparent PNG’s, some HTML, pretty nifty CSS and jQuery, you can make this technique work. It features changing text and playback controls.</p> <p><strong><a href="/misc/goto?guid=4958184848370323477" target="_blank">Image Slideshow with jQuery Cycle</a></strong></p> <p><img alt="jQuery Slider 17" src="https://simg.open-open.com/show/702eac908f1a53cbbb24d570ae201a77.jpg" width="540" /></p> <p>Easily create a slideshow of our own, complete with previous and next navigation controls. Not a master of Javascript? Don’t worry, the Cycle plugin makes it a breeze to add slideshow functionality to your site, with only a few lines of code required to get things up and running.</p> <p><strong><a href="/misc/goto?guid=4958184849115192349" target="_blank">Smooth Div Scroll jQuery plugin</a></strong></p> <p><img alt="jQuery Slider 18" src="https://simg.open-open.com/show/0ce65307f0fa256211b225f3100d1d50.jpg" width="540" /></p> <p><span style="line-height:20px;background-color:white;font-family:Georgia, 'Times New Roman', Times, serif;font-size:15px;" class="Apple-style-span">Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scrolling to distinct steps.</span></p> <p><strong><a href="/misc/goto?guid=4958184849861383326" target="_blank">iTunes-esque slider with jQuery</a></strong></p> <p><img alt="jQuery Slider 19" src="https://simg.open-open.com/show/8914b502477375d590d6b853d2ab52c1.jpg" width="540" /></p> <p>A simple slider/slideshow which mostly emulates the one on iTunes barring a few changes. Click the down button to cycle the images.</p> <p><strong><a href="/misc/goto?guid=4958184850604372573" target="_blank">A Bullet-Proof Content Viewer</a></strong></p> <p><img alt="jQuery Slider 20" src="https://simg.open-open.com/show/3133f7ce4a11376a6fcf28b870b9c9f1.jpg" width="540" /></p> <p>An attractive and space-saving content viewer which even works with JavaScript disabled.</p> <p><strong><a href="/misc/goto?guid=4958184851354910166" target="_blank">Really Simple Slideshow</a></strong></p> <p><img alt="jQuery Slider 21" src="https://simg.open-open.com/show/fffd8357c3500df96a1650f65794289c.jpg" width="540" /></p> <p>Really Simple Slideshow is a jQuery plugin for creating image slideshows. Images are loaded dynamically as each one is required, allowing for larger slideshows without having to pre-load lots of images.</p>