推荐40 多款实用、新鲜的 jQuery 插件
openkk 13年前
<p><a href="/misc/goto?guid=4958202276411918614">MotionCAPTCHA</a> ( <a href="/misc/goto?guid=4958202277223842176">Demo </a>| <a href="http://www.oschina.net/action/project/go?id=18929&p=download">Download</a> ) <br /> MotionCAPTCHA is a jQuery CAPTCHA plugin. It asks users draft the shape they see in the canvas with the intention of submitting a form.</p> <p class="showcase"><a href="/misc/goto?guid=4958202278702964212"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/2882d54335162437e0cdf025f46d24ad.jpg" width="520" height="297" /></a></p> <p><a href="/misc/goto?guid=4958187182839602214">Smart Validate</a> ( <a href="/misc/goto?guid=4958202280123800297">Demo </a>| <a href="/misc/goto?guid=4958202280858067119">Download</a> ) <br /> It is a jQuery credit card validation plugin that makes credit card format validation an easy chore. It makes sure that the user has inserted a legitimate credit card number prior to making the actual transaction. Smart Validate supports the subsequent credit cards: American Express, MasterCard, Visa, Diners Club, and Discover.</p> <p class="showcase"><a href="/misc/goto?guid=4958187182839602214"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/5bd92804db3b18e0bf612cf8bd8b454d.jpg" width="520" height="297" /></a></p> <p><a href="/misc/goto?guid=4958202282278529535">Multi Node Range Data Slider jQ Slider</a> ( <a href="/misc/goto?guid=4958202283026226389">Demo </a>| <a href="/misc/goto?guid=4958202283765081414">Download</a> ) <br /> JQ Slider is a totally customizable plugin taking in style and formatting, and selection units. Powered by JQuery and JavaScript, it is based on typical JavaScript and CSS that you can modify as per your demands.</p> <p class="showcase"><a href="/misc/goto?guid=4958202282278529535"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/54d538d2e5e0f276f660a639b80242e6.jpg" width="520" height="266" /></a></p> <p><a href="/misc/goto?guid=4958202285182539534">Timelinr</a> ( <a href="/misc/goto?guid=4958202285927230448">Demo </a>| <a href="/misc/goto?guid=4958202285182539534">Download</a> ) <br /> Timelinr is a trouble-free jQuery plugin that assists you in providing more life to tedious timelines. It supports horizontal and vertical layouts, and you can parameterize the mass of attributes: speed, transparency, etc.</p> <p class="showcase"><a href="/misc/goto?guid=4958202285182539534"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/0293d539cee69defa333853483726aed.jpg" width="520" height="308" /></a></p> <p><a href="/misc/goto?guid=4958202288012725283">Flexible Nav</a> ( <a href="/misc/goto?guid=4958202288012725283">Demo </a>| <a href="/misc/goto?guid=4958202288012725283">Download</a> ) <br /> Flexible Nav is a small jQuery library that adds a stylish navigation bar on the right of the page. It amends the web page navigation and assists in creating different sections of a document, an article, or just any web page.</p> <p class="showcase"><a href="/misc/goto?guid=4958202288012725283"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/fca7d85a2c5d88fff42090d00fd9ae17.jpg" width="520" height="330" /></a></p> <p><a href="/misc/goto?guid=4958202290794090663">Lettering.js</a> ( <a href="/misc/goto?guid=4958199729199100912">Demo </a>| <a href="/misc/goto?guid=4958199729199100912">Download</a> ) <br /> Lettering.js is a jQuery plugin for radical web typography. Web type is bursting all over the web but CSS presently doesn’t present absolute down-to-the-letter control. Lettering.js solves that! Kerning type, editorial design, manageable code, and so on.</p> <p class="showcase"><a href="/misc/goto?guid=4958199729199100912"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/b0402e810e4f2feccb06583a6363c640.jpg" width="520" height="258" /></a></p> <p><a href="/misc/goto?guid=4958185329936528046">jVectorMap</a> ( <a href="/misc/goto?guid=4958185329936528046">Demo </a>| <a href="/misc/goto?guid=4958185329936528046">Download</a> ) <br /> jVectorMap is a jQuery plugin utilized to illustrate vector maps and envisage data on HTML pages. It applies SVG in all contemporary browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, at the same time supplying legacy support for older versions of IE from 6 to 8 with VML.</p> <p class="showcase"><a href="/misc/goto?guid=4958185329936528046"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/b969ce1f523cea38604c8dd8fc1be3cb.jpg" width="520" height="352" /></a></p> <p><a href="/misc/goto?guid=4958202296252485032">ComboGrid</a> ( <a href="/misc/goto?guid=4958188726161270916">Demo </a>| <a href="/misc/goto?guid=4958202296252485032">Download</a> ) <br /> Combogrid, similar to auto complete, when applied to an input field, allows users to rapidly find and choose from a pre-populated list of values when they type, but in a tabular and paginated method. Combogrid gives keyboard navigation support for choosing an item.</p> <p class="showcase"><a href="/misc/goto?guid=4958202296252485032"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/0f2eaba52a9e30e7f95f1dce8c2a8f65.jpg" width="520" height="260" /></a></p> <p><a href="/misc/goto?guid=4958202299642425647">Recurly.js</a> ( <a href="/misc/goto?guid=4958202300457012797">Demo </a>| <a href="/misc/goto?guid=4958202301194813028">Download</a> ) <br /> Recurly.js is a JavaScript library for custom-made transaction forms. It assists you in making safe, PCI-compliant transaction forms with completely customizable CSS.</p> <p class="showcase"><a href="/misc/goto?guid=4958202301936312844"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/1a1e944680c04c9e0c713756d3c1f6ef.jpg" width="520" height="386" /></a></p> <p><a href="/misc/goto?guid=4958202302674941091">SmartGallery</a> ( <a href="/misc/goto?guid=4958202303614494798">Demo </a>| <a href="/misc/goto?guid=4958202304368503252">Download</a> ) <br /> SmartGallery is a synergistic image gallery that is particularly designed to hold up huge data. It is lightweight, lightening quick and totally customizable. Powered by jQuery, SmartGallery goes together with twelve transition effects including some matchless transition effects and thumbnail navigation.</p> <p class="showcase"><a href="/misc/goto?guid=4958202302674941091"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/a506db1c93878692847035a5695c7232.jpg" width="520" height="393" /></a></p> <p><a href="/misc/goto?guid=4958202305793207990">TagBox</a> ( <a href="/misc/goto?guid=4958202306537105469">Demo </a>| <a href="/misc/goto?guid=4958202307276759170">Download</a> ) <br /> TagBox is a jQuery plugin to assist put in tags like input in your forms.</p> <p class="showcase"><a href="/misc/goto?guid=4958202307276759170"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/a810cc57059d2382dc9242125985add6.jpg" width="520" height="297" /></a></p> <p><a href="/misc/goto?guid=4958189257300145445">jQuery Strong Password Plugin Power Pwchecker</a> ( <a href="/misc/goto?guid=4958185358228189450">Demo </a>| <a href="/misc/goto?guid=4958202310059774184">Download</a> ) <br /> Power PWChecker is a free of charge jQuery plugin to help ensure secure passwords for consumers. This easy jQuery plugin can be incorporated effortlessly with any online form (sign up form/ user registration form) to check password strength and provide users clues for producing stronger, more secure passwords.</p> <p class="showcase"><a href="/misc/goto?guid=4958189257300145445"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/8cd69b3c73f376946d5f8c9caadda097.jpg" width="520" height="297" /></a></p> <p><a href="/misc/goto?guid=4958202311481458150">Xml Driven Vertical News Scroller Script Using jQuery vScroller</a> ( <a href="/misc/goto?guid=4958202312217493644">Demo </a>| <a href="/misc/goto?guid=4958202312958266089">Download</a> ) <br /> vScroller demonstrates categorized and color-coded content in a vertical scroll. Feeds originate from standardized XML file and styled by means of simple CSS3 for a fresh and attractive interface.</p> <p class="showcase"><a href="/misc/goto?guid=4958202311481458150"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/ac66cd39d2ebbcae35c46629081c70fc.jpg" width="520" height="300" /></a></p> <p><a href="/misc/goto?guid=4958202314379448267">Ideal Forms</a> ( <a href="/misc/goto?guid=4958202315119218029">Demo </a>| <a href="/misc/goto?guid=4958202315866311285">Download</a> ) <br /> Ideal Forms is a little framework used to construct powerful and fine-looking online forms. It’s extremely simple to use and entails nominal html syntax. Completely style-able with CSS, no images required. Support for IE 7+, Firefox 3+, Chrome 3+, Safari 3.1+ and Opera 11+. Degrades gracefully with JavaScript disabled.</p> <p class="showcase"><a href="/misc/goto?guid=4958202315119218029"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/61afc07cc803e0b3dbfdeadd47c37d7c.jpg" width="520" height="297" /></a></p> <p><a href="/misc/goto?guid=4958202317282353319">jQuery Sliding Content Bar Plugin: PushUp Content</a> ( <a href="/misc/goto?guid=4958202318026769482">Demo </a>| <a href="/misc/goto?guid=4958202318787458522">Download</a> ) <br /> It is an elegant and fast content bar that you can incorporate effortlessly into any website or web application. PushUp Content Bar is trouble-free to customize and strong enough to trust in. You can put in your contact details, location map by means of Google Maps, and a straightforward contact form that visitors can employ to make contact with you.</p> <p class="showcase"><a href="/misc/goto?guid=4958202317282353319"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/652a7b132ea69f8ac3e45c56a654a519.jpg" width="520" height="350" /></a></p> <p><a href="/misc/goto?guid=4958202320201480499">Cuepoint JS</a> ( <a href="/misc/goto?guid=4958202320939019038">Demo </a>| <a href="/misc/goto?guid=4958202320939019038">Download</a> ) <br /> Cuepoint.js is an open source plugin for adding up cue-points and subtitles to your HTML5 video.</p> <p class="showcase"><a href="/misc/goto?guid=4958202320939019038"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/89e7bee9df302113d0b19af96462eb50.jpg" width="520" height="332" /></a></p> <p><a href="/misc/goto?guid=4958197524504456217">FitVids.js</a> ( <a href="/misc/goto?guid=4958197524504456217">Demo </a>| <a href="/misc/goto?guid=4958197524504456217">Download</a> ) <br /> FitVids.js is a lightweight, easy-to-use jQuery plugin for fluid width video embeds.</p> <p class="showcase"><a href="/misc/goto?guid=4958197524504456217"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/a6cdfc9435df773e6d36a78677f0fd55.jpg" width="520" height="304" /></a></p> <p><a href="/misc/goto?guid=4958186876090603297">Gmap3</a> ( <a href="/misc/goto?guid=4958202326430696555">Demo </a>| <a href="/misc/goto?guid=4958202327173794157">Download</a> ) <br /> gmap3 is a jQuery plugin which allows many manipulations of the google map API version 3.</p> <p class="showcase"><a href="/misc/goto?guid=4958186876090603297"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/5775bb70fb2c6b63ee660da6287172ec.jpg" width="520" height="344" /></a></p> <p><a href="/misc/goto?guid=4958189145696532340">Shuffle Letters Effect: a jQuery Plugin</a> ( <a href="/misc/goto?guid=4958189144952355495">Demo </a>| <a href="/misc/goto?guid=4958202329950165232">Download</a> ) <br /> This is a small tutorial that demonstrates how to make a jQuery plugin that will jumble up the text content of any DOM element – an attractive effect that can be applied in headings, logos and slideshows.</p> <p class="showcase"><a href="/misc/goto?guid=4958189145696532340"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/bba437340a6449fa443ea48fd9a99fc2.jpg" width="520" height="304" /></a></p> <p><a href="/misc/goto?guid=4958202331377586229">Skitter</a> ( <a href="/misc/goto?guid=4958202331377586229">Demo </a>| <a href="/misc/goto?guid=4958202331377586229">Download</a> ) <br /> Skitter is a plugin for producing great-looking slideshows. You can modify every aspect.</p> <p class="showcase"><a href="/misc/goto?guid=4958202331377586229"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/4ae3e135edb9a42e369a661529ac6636.jpg" width="520" height="233" /></a></p> <p><a href="/misc/goto?guid=4958202334163257352">jFontSize</a> ( <a href="/misc/goto?guid=4958202334897436495">Demo </a>| <a href="/misc/goto?guid=4958202335647369977">Download</a> ) <br /> The jFontSize plugin was formulated to make the process of creating the famous buttons A+ and A- easy, which modify the font size on sites with extremely big texts (for instance blogs, journals, tutorials, etc). This tool is also applied to boost the accessibility of sites, assisting people who have visual problems to see the content better.</p> <p class="showcase"><a href="/misc/goto?guid=4958202335647369977"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/01341ea80970bd19f5bf626c572f4200.jpg" width="520" height="356" /></a></p> <p><a href="/misc/goto?guid=4958202337065364863">Mosaiqy</a> ( <a href="/misc/goto?guid=4958202337065364863">Demo </a>| <a href="/misc/goto?guid=4958202337065364863">Download</a> ) <br /> Mosaiqy is a jQuery plugin for viewing and zooming in on photos working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+. Photographs are recovered from a JSON/JSONP data structure and indiscriminately moved inside the grid. All exclusive animations are taken over by your GPU on your current browsers by means of CSS3 transitions, minimizing the CPU overhead.</p> <p class="showcase"><a href="/misc/goto?guid=4958202337065364863"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/31f32fbe4cb550a4cbc9c46ce570901a.jpg" width="520" height="323" /></a></p> <p><a href="/misc/goto?guid=4958198973142197187">HTML5 File Uploads with jQuery</a> ( <a href="/misc/goto?guid=4958202340522579994">Demo </a>| <a href="/misc/goto?guid=4958202341252663123">Download</a> ) <br /> It will permit people to upload photos from their computers by dragging and dropping them onto the browser window, feasible with the new HTML5 APIs used by contemporary browsers. The photographs will have a preview and a progress bar. At present, the photos are only stored in a folder on the server, but you could develop it any way you like.</p> <p class="showcase"><a href="/misc/goto?guid=4958198973142197187"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/7b6db698cdd849ecb0be519974ee91da.jpg" width="520" height="299" /></a></p> <p><a href="/misc/goto?guid=4958202342685608107">jQuery PointPoint – A Plugin For Pointing To Things</a> ( <a href="/misc/goto?guid=4958202343424309296">Demo </a>| <a href="/misc/goto?guid=4958202344169293753">Download</a> ) <br /> This jQuery plugin will help you draw users’ attention to a certain part of the page, in the shape of a little arrow that is exhibited next to their mouse cursor. This can be helpful for pointing to missed form fields, buttons that must be pressed, or validation errors that need to be scrolled into view.</p> <p class="showcase"><a href="/misc/goto?guid=4958202342685608107"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/bb7890d8abcbdf36cb7ac0410ea6bce1.jpg" width="520" height="322" /></a></p> <p><a href="/misc/goto?guid=4958202345591020045">jqZoomage</a> ( <a href="/misc/goto?guid=4958202346321574337">Demo </a>| <a href="/misc/goto?guid=4958202345591020045">Download</a> ) <br /> It’s an uncomplicated zoom panel, letting your users mouse over portions of your little image, to gain a close up view. It is perfect for use on a product details page or similar.</p> <p class="showcase"><a href="/misc/goto?guid=4958202345591020045"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/5b21fbd5577a3f1b0ff4c3addd3fafc5.jpg" width="520" height="221" /></a></p> <p><a href="/misc/goto?guid=4958202348415478375">ZOOMIFY, EXPLORE YOR IMAGES!</a> ( <a href="/misc/goto?guid=4958202349148555536">Demo </a>| <a href="/misc/goto?guid=4958202348415478375">Download</a> ) <br /> If you have big images and you wish to let people explore them you can employ this tool; it includes zoom-in, zoom-out and pan functionality; it has configurable enlargement levels and it offers built-in image preloading.</p> <p class="showcase"><a href="/misc/goto?guid=4958202348415478375"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/00968ee2f435386619736f6b17922d6f.jpg" width="520" height="410" /></a></p> <p><a href="/misc/goto?guid=4958202351242810153">JQUERY.MB.VERTICALSLIDER</a> ( <a href="/misc/goto?guid=4958202351974553135">Demo </a>| <a href="/misc/goto?guid=4958202351242810153">Download</a> ) <br /> jquery.mb.verticalSlider allows you display a long list of components managing pagination, it can work with components already in the DOM of your page or loading them by means of Ajax when required. And it works with the mouse wheel of course.</p> <p class="showcase"><a href="/misc/goto?guid=4958202351242810153"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/73aa65b28804bf2f742a00976efeee32.jpg" width="520" height="332" /></a></p> <p><a href="/misc/goto?guid=4958202354078849593">jQuery Pagination revised</a> ( <a href="/misc/goto?guid=4958202354078849593">Demo </a>| <a href="/misc/goto?guid=4958202354078849593">Download</a> ) <br /> The jQuery Paging plugin tries to resolve the problem of pagination in a variety of ways. It eradicates most other pagination executions by a simple and uncomplicated callback design.</p> <p class="showcase"><a href="/misc/goto?guid=4958202354078849593"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/684803464bb5bafd00c2946e4b231023.jpg" width="520" height="296" /></a></p> <p><a href="/misc/goto?guid=4958188556649243208">Diapo</a> ( <a href="/misc/goto?guid=4958188556649243208">Demo </a>| <a href="/misc/goto?guid=4958188556649243208">Download</a> ) <br /> Diapo is a free and open source jQuery slideshow plugin. You can recommend changes or enhancements if you wish. You can download it and employ it for free; you can also add it into your projects and put up for sale it as part of a larger project (donations are not required but asked to be considered in this case).</p> <p class="showcase"><a href="/misc/goto?guid=4958188556649243208"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/989619b3beec82eb2e518da31db2e320.jpg" width="520" height="316" /></a></p> <p><a href="/misc/goto?guid=4958202359553763192">Cool Dropdown Login Form with jQuery</a> ( <a href="/misc/goto?guid=4958202360302389887">Demo </a>| <a href="/misc/goto?guid=4958202361031470048">Download</a> ) <br /> This is a trouble-free jQuery dropdown login form; it’s simple to implement, lightweight, and does the whole lot you need it to.</p> <p class="showcase"><a href="/misc/goto?guid=4958202359553763192"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/1201e7c606c818ddb3cea14a2f6807d5.jpg" width="520" height="296" /></a></p> <p><a href="/misc/goto?guid=4958202362442196416">simpleSlider</a> ( <a href="/misc/goto?guid=4958202362442196416">Demo </a>| <a href="/misc/goto?guid=4958202363847915196">Download</a> ) <br /> simpleSlider for jQuery is an extraordinarily effortless and useful image-slider with a lot of effects.</p> <p class="showcase"><a href="/misc/goto?guid=4958202362442196416"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/def2f1000483c169b61a2e568cc7f8ae.jpg" width="520" height="260" /></a></p> <p><a href="/misc/goto?guid=4958202365275428494">Craftyslide</a> ( <a href="/misc/goto?guid=4958202365275428494">Demo </a>| <a href="/misc/goto?guid=4958202366695526448">Download</a> ) <br /> Craftyslide is a small (just 2kb) slideshow built on jQuery. Craftyslide attempts to be unusual by providing a trouble-free, no-frills way of displaying images packaged into a small, fresh and proficient plugin.</p> <p class="showcase"><a href="/misc/goto?guid=4958202365275428494"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/cb136631d1b0644db55af5fd66d36268.jpg" width="520" height="312" /></a></p> <p><a href="/misc/goto?guid=4958202368101236828">jmFullWall</a> ( <a href="/misc/goto?guid=4958202368829208970">Demo </a>| <a href="/misc/goto?guid=4958202368101236828">Download</a> ) <br /> jmFullWall is a jQuery plugin for the introduction of an inspiring portfolio.</p> <p class="showcase"><a href="/misc/goto?guid=4958202368101236828"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/fbd08d2404ee96a390eea600fc4bd73a.jpg" width="520" height="311" /></a></p> <p><a href="/misc/goto?guid=4958202370932275557">Wave Display Effect with jQuery</a> ( <a href="/misc/goto?guid=4958202371657960037">Demo </a>| <a href="/misc/goto?guid=4958202372397493034">Download</a> ) <br /> This plugin allows you illustrate images and content in a distinctive form – a wave. The idea is to primarily have some smaller thumbnails rotated and placed in the shape of a sine curve. As soon as you click on a thumbnail, the images will be zoomed in and you can see a medium sized version.</p> <p class="showcase"><a href="/misc/goto?guid=4958202370932275557"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/295481ccc3f1d31a041076e70e5929b3.jpg" width="520" height="313" /></a></p> <p><a href="/misc/goto?guid=4958202373818515079">jQuery Widget</a> ( <a href="/misc/goto?guid=4958202374554308290">Demo </a>| <a href="/misc/goto?guid=4958202375291772480">Download</a> ) <br /> jqxWidgets is a complete and inventive widget library rested on top of the jQuery JavaScript Library. It authorizes developers to deliver professional, cross-browser compatible web applications, while considerably minimizing their development time.</p> <p class="showcase"><a href="/misc/goto?guid=4958202373818515079"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/64dd9cf96ea7fd26f416a1997300202d.jpg" width="520" height="345" /></a></p> <p><a href="/misc/goto?guid=4958197528169283941">Elastislide – A Responsive jQuery Carousel Plugin</a> ( <a href="/misc/goto?guid=4958202377407487176">Demo </a>| <a href="/misc/goto?guid=4958202378154996547">Download</a> ) <br /> Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. It uses the jQuery Touchwipe Plugin which allows you to obtain the wipe event on an iPhone, iPad or iPod Touch.</p> <p class="showcase"><a href="/misc/goto?guid=4958197528169283941"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/247c182b03374573160313c5ca9c7957.jpg" width="520" height="296" /></a></p> <p><a href="/misc/goto?guid=4958188549303377295">FlexSlider</a> ( <a href="/misc/goto?guid=4958188549303377295">Demo </a>| <a href="/misc/goto?guid=4958202380909239904">Download</a> ) <br /> FlexSlider is an overwhelming, completely responsive jQuery slider plugin. It has easy, semantic markup, slide and fade animations, and is supported in all main browsers so you won’t have any compatibility problems. Flexslider is built for beginners and pros in a similar way.</p> <p class="showcase"><a href="/misc/goto?guid=4958188549303377295"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/444e2dc76acbf76d5c4bcf3339989f1b.jpg" width="520" height="354" /></a></p> <p><a href="/misc/goto?guid=4958202382327075956">Draggable Image Boxes Grid</a> ( <a href="/misc/goto?guid=4958202383068846852">Demo </a>| <a href="/misc/goto?guid=4958202383806640613">Download</a> ) <br /> The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.</p> <p class="showcase"><a href="/misc/goto?guid=4958202382327075956"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/a9207291069704edb2539322b332ccf9.jpg" width="520" height="341" /></a></p> <p><a href="/misc/goto?guid=4958192496357847873">Responsive Image Gallery with Thumbnail Carousel</a> ( <a href="/misc/goto?guid=4958202385911999231">Demo </a>| <a href="/misc/goto?guid=4958202386647536374">Download</a> ) <br /> In this tutorial Codrops shows you how to generate a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by 推ter’s “user gallery” and upon a request to demonstrate a combination of Elastislide, we want to execute a quick to respond gallery that adapts to the view-port thickness.</p> <p class="showcase"><a href="/misc/goto?guid=4958192496357847873"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/21f7ba1c3f0426f99b262a8874701a34.jpg" width="520" height="323" /></a></p> <p><a href="/misc/goto?guid=4958187183577000760">grumble.js</a> ( <a href="/misc/goto?guid=4958187183577000760">Demo </a>| <a href="/misc/goto?guid=4958187183577000760">Download</a> ) <br /> grumble.js furnishes special tool tips devoid of the common limitations of north/east/south/west positioning. A grumble can be revolved around a given component at any angle, all 360 degrees. Any distance can be defined. Any CSS style can be enforced. FX queues for animating multiple grumbles. And it works in IE6+, and current browsers.</p> <p class="showcase"><a href="/misc/goto?guid=4958187183577000760"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/bf36bd604a1800ed5eab6cff5555651f.jpg" width="520" height="337" /></a></p> <p><a href="/misc/goto?guid=4958202390757653021">Elycharts</a> ( <a href="/misc/goto?guid=4958202391500707967">Demo </a>| <a href="/misc/goto?guid=4958202392230315788">Download</a> ) <br /> Elycharts is a clean JavaScript charting library, simple to use and totally customizable. It aids you in making good looking interactive charts on your web pages or web applications, with loads of useful features: legend and label support, mouse tracking, tool tips, templates, animations, and more.</p> <p class="showcase"><a href="/misc/goto?guid=4958202390757653021"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/b71d7de8010ff5893475901311daf9bc.jpg" width="520" height="272" /></a></p> <p><a href="/misc/goto?guid=4958187181347117568">spin.js</a> ( <a href="/misc/goto?guid=4958187181347117568">Demo </a>| <a href="/misc/goto?guid=4958187181347117568">Download</a> ) <br /> spin.js is an inspired CSS3 loading spinner. You can amend every single parameter: number of lines, length and thickness of lines, radius, trail, speed of spinning, and whether there’s shading or not.</p> <p class="showcase"><a href="/misc/goto?guid=4958187181347117568"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/3ddd024d506a815f42eb2610ec331174.jpg" width="520" height="330" /></a></p> <p><a href="/misc/goto?guid=4958202396344304059">wordCounter jQuery Plugin</a> ( <a href="/misc/goto?guid=4958202396344304059">Demo </a>| <a href="/misc/goto?guid=4958202396344304059">Download</a> ) <br /> A trouble-free word counter plugin for jQuery. When active, the counter div shows the word count from the target text field. The target could be a text area or a text box. Depending upon the choices supplied, the count could be the total amount or remaining amount of words entered into the target text field. If the negative numbers choice is furnished in that case the count will demonstrate a negative value if the word limit has been passed.</p> <p class="showcase"><a href="/misc/goto?guid=4958202396344304059"><img alt="推荐40 多款实用、新鲜的 jQuery 插件" src="https://simg.open-open.com/show/11457069c442298243753aa9420b09ad.jpg" width="520" height="188" /></a></p>