但对于 Web 开发人员来说，他们需要掌握编写插件的方法，这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程，这些插件能够为你将来的项目增添各种很炫功能和效果，同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。 [b][url=http://www.slidesjs.com/]Slidesjs[/url][/b] ( [url=http://www.slidesjs.com/]演示[/url] | [url=http://slidesjs.com/downloads/slides.zip]下载[/url] ) [url=http://www.slidesjs.com/][img]http://files.jb51.net/file_images/article/201207/201207240029562.jpg[/img] [/url] [url=http://tympanus.net/codrops/2011/01/03/parallax-slider/][b]Beautiful Parallax Slider With jQuery[/b][/url] ( [url=http://tympanus.net/Tutorials/ParallaxSlider/]演示[/url] | [url=http://tympanus.net/Tutorials/ParallaxSlider/ParallaxSlider.zip]下载[/url] ) [url=http://tympanus.net/codrops/2011/01/03/parallax-slider/][img]http://files.jb51.net/file_images/article/201207/201207240029563.jpg[/img] [/url] [url=http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/][b]Sweet Thumbnails Preview Gallery with jQuery[/b][/url] ( [url=http://tympanus.net/Tutorials/SweetThumbnails/]演示[/url] | [url=http://tympanus.net/Tutorials/SweetThumbnails/SweetThumbnails.zip]下载[/url] ) [url=http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/][img]http://files.jb51.net/file_images/article/201207/201207240029564.jpg[/img] [/url] [b][url=http://tympanus.net/codrops/2011/11/28/typography-effects-with-css3-and-jquery/]Typography Effects with CSS3 and jQuery[/url][/b] ( [url=http://tympanus.net/Tutorials/TypographyEffects/]演示[/url] | [url=http://www.smashingapps.com/tympanus.net/Tutorials/TypographyEffects/TypographyEffects.zip]下载[/url] ) [url=http://tympanus.net/codrops/2011/11/28/typography-effects-with-css3-and-jquery/][img]http://files.jb51.net/file_images/article/201207/201207240029565.jpg[/img] [/url] [url=http://tympanus.net/codrops/2010/10/07/slider-gallery/][b]Slider Gallery with jQuery[/b][/url] ( [url=http://tympanus.net/Tutorials/SliderGallery/]演示[/url] | [url=http://tympanus.net/Tutorials/SliderGallery/SliderGallery.zip]下载[/url] ) [b][url=http://tympanus.net/codrops/2010/10/07/slider-gallery/][img]http://files.jb51.net/file_images/article/201207/201207240029566.jpg[/img] [/url][/b] [b][url=http://tympanus.net/codrops/2011/10/31/fullscreen-image-3d-effect/]Fullscreen Image 3D Effect with CSS3 and jQuery[/url][/b] ( [url=http://tympanus.net/Development/FullscreenImage3DEffect/]演示[/url] | [url=http://tympanus.net/Development/FullscreenImage3DEffect/FullscreenImage3DEffect.zip]下载[/url] ) [url=http://tympanus.net/codrops/2011/10/31/fullscreen-image-3d-effect/][img]http://files.jb51.net/file_images/article/201207/201207240029567.jpg[/img] [/url] [b][url=http://tutorialzine.com/2011/11/pretty-switches-css3-jquery/]Shiny Knob Control with jQuery and CSS3[/url][/b] ( [url=http://demo.tutorialzine.com/2011/11/pretty-switches-css3-jquery/]演示[/url] | [url=http://demo.tutorialzine.com/2011/11/pretty-switches-css3-jquery/shiny-knobs.zip]下载[/url] ) [url=http://tutorialzine.com/2011/11/pretty-switches-css3-jquery/][img]http://files.jb51.net/file_images/article/201207/201207240029568.jpg[/img] [/url] [b][url=http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/]Arctext.js – Curving Text with CSS3 and jQuery[/url][/b] ( [url=http://tympanus.net/Development/Arctext/]演示[/url] | [url=http://tympanus.net/Development/Arctext/Arctext.zip]下载[/url] ) [url=http://tympanus.net/codrops/2012/01/24/arctext-js-curving-text-with-css3-and-jquery/][img]http://files.jb51.net/file_images/article/201207/201207240029569.jpg[/img] [/url] [b][url=http://haineault.com/media/jquery/ui-timepickr/page/]Timepickr[/url][/b] ( [url=http://haineault.com/media/jquery/ui-timepickr/page/]演示[/url] | [url=http://haineault.com/media/jquery/ui-timepickr/page/]下载[/url] ) [url=http://haineault.com/media/jquery/ui-timepickr/page/][img]http://files.jb51.net/file_images/article/201207/2012072400295610.jpg[/img] [/url] [b][url=http://www.egrappler.com/fast-and-simple-links-box-navigation-menu-boxymenu/]BoxyMenu[/url][/b] ( [url=http://www.egrappler.com/boxymenu/index.htm]演示[/url] | [url=http://www.egrappler.com/boxymenu/boxymenu.zip]下载[/url] ) [url=http://www.egrappler.com/fast-and-simple-links-box-navigation-menu-boxymenu/][img]http://files.jb51.net/file_images/article/201207/2012072400295611.jpg[/img] [/url] [b][url=http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/]jQuery Plugin for On-demand Search Box: SeacrhMeme[/url][/b] ( [url=http://www.egrappler.com/searchMeme/index.htm]演示[/url] | [url=http://www.egrappler.com/searchMeme/searchMeme.zip]下载[/url] ) [url=http://www.egrappler.com/jquery-plugin-for-on-demand-search-box-seacrhmeme/][img]http://files.jb51.net/file_images/article/201207/2012072400295612.jpg[/img] [/url] [b][url=http://www.egrappler.com/multi-level-hierarchical-jquery-menu-jqsimplemenu/]Multi Level Hierarchical jQuery Menu: jQSimpleMenu[/url][/b] ( [url=http://www.egrappler.com/jqsimplemenu/index.html]演示[/url] | [url=http://www.egrappler.com/jqsimplemenu/jqsimplemenu.zip]下载[/url] ) [url=http://www.egrappler.com/multi-level-hierarchical-jquery-menu-jqsimplemenu/][img]http://files.jb51.net/file_images/article/201207/2012072400295613.jpg[/img] [/url] [b][url=http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/]jQuery Strong Password Plugin: Power PWChecker[/url][/b] ( [url=http://www.egrappler.com/pschecker/index.htm]演示[/url] | [url=http://www.egrappler.com/pschecker/pschecker.zip]下载[/url] ) [url=http://www.egrappler.com/jquery-strong-password-plugin-power-pwchecker/][img]http://files.jb51.net/file_images/article/201207/2012072400295614.jpg[/img] [/url] [b][url=http://tympanus.net/codrops/2012/01/04/thumbnail-proximity-effect/]Thumbnail Proximity Effect with jQuery and CSS3[/url][/b] ( [url=http://tympanus.net/Tutorials/ProximityEffect/]演示[/url] | [url=http://tympanus.net/Tutorials/ProximityEffect/ProximityEffect.zip]下载[/url] ) [url=http://tympanus.net/codrops/2012/01/04/thumbnail-proximity-effect/][img]http://files.jb51.net/file_images/article/201207/2012072400295615.jpg[/img] [/url] [b][url=http://www.smashingapps.com/2012/06/29/n]File Uploads with jQuery[/url][/b] ( [url=http://demo.tutorialzine.com/2011/09/html5-file-upload-jquery-php/]演示[/url] | [url=http://demo.tutorialzine.com/2011/09/html5-file-upload-jquery-php/html5-file-upload.zip]下载[/url] ) [url=http://tutorialzine.com/2011/09/html5-file-upload-jquery-php/][img]http://files.jb51.net/file_images/article/201207/2012072400295616.jpg[/img] [/url] [b][url=https://github.com/mshahbazsaleem/gips/wiki/jQuery-Clean-and-Simple-Tooltips:-gips]jQuery Clean and Simple Tooltips: gips[/url][/b] ( [url=http://www.egrappler.com/gips/index.htm]演示[/url] | [url=http://www.egrappler.com/gips/gips.zip]下载[/url] ) [url=https://github.com/mshahbazsaleem/gips/wiki/jQuery-Clean-and-Simple-Tooltips:-gips][img]http://files.jb51.net/file_images/article/201207/2012072400295617.jpg[/img] [/url] [b][url=http://www.egrappler.com/free-multi-node-range-data-slider-jqslider/]Free Multi-Node Range and Data Slider: JQ Slider[/url][/b] ( [url=http://www.egrappler.com/jqslider/demo.htm]演示[/url] | [url=http://www.egrappler.com/jqslider/jqslider.zip]下载[/url] ) [url=http://www.egrappler.com/free-multi-node-range-data-slider-jqslider/][img]http://files.jb51.net/file_images/article/201207/2012072400295618.jpg[/img] [/url] [b][url=http://tympanus.net/codrops/2011/12/05/lateral-on-scroll-sliding-with-jquery/]Lateral On-Scroll Sliding with jQuery[/url][/b] ( [url=http://tympanus.net/Tutorials/LateralOnScrollSliding/]演示[/url] | [url=http://tympanus.net/Tutorials/LateralOnScrollSliding/LateralOnScrollSliding.zip]下载[/url] ) [url=http://tympanus.net/codrops/2011/12/05/lateral-on-scroll-sliding-with-jquery/][img]http://files.jb51.net/file_images/article/201207/2012072400295619.jpg[/img] [/url] [b][url=http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/]Item Blur Effect with CSS3 and jQuery[/url][/b] ( [url=http://tympanus.net/Tutorials/ItemBlur/]演示[/url] | [url=http://tympanus.net/Tutorials/ItemBlur/ItemBlur.zip]下载[/url] ) [url=http://tympanus.net/codrops/2011/12/14/item-blur-effect-with-css3-and-jquery/][img]http://files.jb51.net/file_images/article/201207/2012072400295620.jpg[/img] [/url]