Web开发者必备的20款超赞jQuery插件

水深无声 2022-09-19 05:23 196阅读 0赞

jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。

## Creative Radical Web Typography ##

Lettering.js是一个轻量经的、易于使用的jQuery插件，可创造出极具个性的网页排版，是2010年最佳jQuery插件之一。

[![17][]][17 1]

[演示][Link 1] | [下载][Link 2]

## New FancyMoves Jquery Product Slider ##

Jquery Product Slider是一款效果很不错的产品幻灯片插件。

[![15][]][15 1]

[演示][Link 3] | [下载][Link 4]

## Jquery Space Gallery ##

Jquery Space Gallery是一款很有空间感的图片库插件。

[![9][]][9 1]

[演示][Link 5] | [下载][Link 6]

## Fancy Thumbnail Hover Effect ##

这是一款非常不错的Hover效果插件。

[![12][]][12 1]

[演示][Link 7] | [下载][Link 7]

## Jquery Inline Form Validation ##

这是一款表单验证插件。

[![5][]][5 1]

[演示][Link 8] | [下载][Link 9]

## Site Switcher ##

这是一款站点切换插件。

[![1][]][1 1]

[演示][Link 10] | [下载][Link 11]

## AnythingSlider ##

这是一款效果很棒的幻灯片插件。

[![2][]][2 1]

[演示][Link 12] | [下载][Link 13]

## Jquery Tooltip Coda Bubble ##

这是一款简洁的jQuery信息提示插件。

[![10][]][10 1]

[演示][10 1] | [下载][10 1]

## Jquery Upload and Crop Image ##

这是一款图片上传和裁剪插件。

[![6][]][6 1]

[演示][Link 14] | [下载][Link 15]

## jQuery Carts ##

这是一款jQuery图表插件。

[![13][]][13 1]

[演示][13 1] | [下载][13 1]

## Twitter-like login box ##

这是一款类似Twitter登陆框效果的插件。

[![7][]][7 1]

[演示][Link 16] | [下载][Link 17]

## File Download ##

这是一款文件下载插件。

[![16][]][16 1]

[演示][Link 18] | [下载][Link 19]

## Polaroid Photo Viewer ##

这是一款宝丽莱效果图片浏览插件。

[![3][]][3 1]

[演示][Link 20] | [下载][Link 21]

## jquery Hover Sub Tag Cloud ##

这是一款子标签云显示插件。

[![8][]][8 1]

[演示][Link 22] | [下载][Link 23]

## Graph Visualization ##

这是一款图标可视化插件。

[![20][]][20 1]

[演示][Link 24] | [下载][Link 22]

## Show/Hide Jquery Panel ##

这是一款控制面板显示和隐藏的插件。

[![4][]][4 1]

[演示][4 1] | [下载][4 1]

## Drop Down with CSS and jQuery ##

这是一款下拉菜单插件。

[![11][]][11 1]

[演示][Link 25] | [下载][Link 26]

## Quick & Easy Zooming With jQuery – Zoomy ##

这是一款非常好用的缩放插件。

[![14][]][14 1]

[演示][14 1] | [下载][Link 27]

## Horizontal Accordions ##

这是一款横向手风琴效果插件。

[![18][]][18 1]

[演示][Link 28] | [下载][Link 29]

## Flexible Rating ##

这是一款非常灵活的评分插件。

[![19][]][19 1]

[演示][Link 30] | [下载][Link 31]

[17]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1713.jpg
[17 1]: http://blog.karachicorner.com/2010/10/creative-radical-web-typography-with-jquery-lettering-js/
[Link 1]: http://andreashommel.net/sandbox/lettering/
[Link 2]: https://github.com/downloads/davatron5000/Lettering.js/jquery.lettering-0.6.min.js
[15]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1515.jpg
[15 1]: http://blog.karachicorner.com/2010/12/new-fancymoves-jquery-product-slider/
[Link 3]: http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/index.html
[Link 4]: http://webdesignandsuch.com/posts/jquery-product-slider/jQuery-productSlider/FancyMoves.zip
[9]: http://www.topdesignmag.com/wp-content/uploads/2011/02/923.jpg
[9 1]: http://eyecon.ro/spacegallery/#about
[Link 5]: http://eyecon.ro/spacegallery/
[Link 6]: http://eyecon.ro/spacegallery/js/spacegallery.js
[12]: http://www.topdesignmag.com/wp-content/uploads/2011/02/125.png
[12 1]: http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
[Link 7]: http://www.sohtanaka.com/web-design/examples/image-zoom/
[5]: http://www.topdesignmag.com/wp-content/uploads/2011/02/525.jpg
[5 1]: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
[Link 8]: http://www.position-relative.net/creation/formValidator/
[Link 9]: https://github.com/downloads/posabsolute/jQuery-Validation-Engine/formValidator.1.7.zip
[1]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1105.jpg
[1 1]: http://net.tutsplus.com/tutorials/javascript-ajax/jquery-animations-a-7-step-program/
[Link 10]: http://d2o0t5hpnwv4c1.cloudfront.net/532_animations/demo/code.html
[Link 11]: http://d2o0t5hpnwv4c1.cloudfront.net/531_animations/demo/demo.zip
[2]: http://www.topdesignmag.com/wp-content/uploads/2011/02/266.jpg
[2 1]: http://css-tricks.com/examples/AnythingSlider/#panel1-6
[Link 12]: http://css-tricks.com/examples/AnythingSlider/
[Link 13]: https://github.com/ProLoser/AnythingSlider/downloads
[10]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1021.jpg
[10 1]: http://jqueryfordesigners.com/demo/coda-bubble.html
[6]: http://www.topdesignmag.com/wp-content/uploads/2011/02/624.jpg
[6 1]: http://www.webmotionuk.co.uk/php-jquery-image-upload-and-crop/
[Link 14]: http://www.webmotionuk.co.uk/jquery/image_upload_crop.php
[Link 15]: http://www.webmotionuk.co.uk/jquery/jquery_upload_crop.zip
[13]: http://www.topdesignmag.com/wp-content/uploads/2011/02/134.png
[13 1]: http://shinylittlething.com/workshop/flot_intro/
[7]: http://www.topdesignmag.com/wp-content/uploads/2011/02/725.jpg
[7 1]: http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/
[Link 16]: http://aext.net/example/twitterlogin/
[Link 17]: http://www.box.net/shared/ye9y3j1kvs
[16]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1614.jpg
[16 1]: http://blog.karachicorner.com/2010/11/file-download-jquery-plugin-jdownload/
[Link 18]: http://jdownloadplugin.com/
[Link 19]: http://code.google.com/p/jquery-jdownload/downloads/list
[3]: http://www.topdesignmag.com/wp-content/uploads/2011/02/338.jpg
[3 1]: http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html
[Link 20]: http://demo.marcofolio.net/polaroid_photo_viewer/
[Link 21]: http://www.marcofolio.net/downloads/webdesign/polaroid_photo_viewer_with_css3_jquery/download.html
[8]: http://www.topdesignmag.com/wp-content/uploads/2011/02/822.jpg
[8 1]: http://www.noupe.com/ajax/jquery-hover-sub-tag-cloud.html
[Link 22]: http://noupe.com/examples/tagcloud/tag-cloud.html
[Link 23]: http://noupe.com/examples/tagcloud/hover_sub_tags.zip
[20]: http://www.topdesignmag.com/wp-content/uploads/2011/02/2012.jpg
[20 1]: http://blog.karachicorner.com/2011/01/arbor-js-graph-visualization-library-using-web-workers-jquery/
[Link 24]: http://arborjs.org/
[4]: http://www.topdesignmag.com/wp-content/uploads/2011/02/428.jpg
[4 1]: http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
[11]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1127.jpg
[11 1]: http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx
[Link 25]: http://www.jankoatwarpspeed.com/reinventing-a-drop-down-with-css-and-jquery/
[Link 26]: http://www.jankoatwarpspeed.com/wp-content/uploads/20097DropDown.zip
[14]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1418.jpg
[14 1]: http://blog.karachicorner.com/2011/01/quick-easy-zooming-with-jquery-%E2%80%93-zoomy/
[Link 27]: http://redeyeoperations.com/plugins/zoomy/zoomy0.5.zip
[18]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1813.jpg
[18 1]: http://blog.karachicorner.com/2010/10/jquery-horizontal-accordions-jquery-plugin-for-easy-accordion/
[Link 28]: http://www.madeincima.eu/samples/jquery/easyAccordion/
[Link 29]: http://www.madeincima.eu/samples/jquery/easyAccordion/scripts/jquery.easyAccordion.js
[19]: http://www.topdesignmag.com/wp-content/uploads/2011/02/1914.jpg
[19 1]: http://blog.karachicorner.com/2011/01/jrating-flexible-jquery-ajax-rating-plugin/
[Link 30]: http://www.myjqueryplugins.com/jRating/demo
[Link 31]: http://www.myjqueryplugins.com/jRating/download