本文向大家分享40个实用的 jQuery 插件以及制作教程。 Parallax Slider with jQuery ( [url=http://tympanus.net/Tutorials/ParallaxSlider/]演示 [/url]| [url=http://tympanus.net/Tutorials/ParallaxSlider/ParallaxSlider.zip]下载[/url] ) 带立体效果的 jQuery 幻灯片插件，很酷！ [url=http://tympanus.net/codrops/2011/01/03/parallax-slider/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins5.jpg[/img] [/url] Merging Image Boxes with jQuery ( [url=http://tympanus.net/Development/MergingImageBoxes/]演示 [/url]| [url=http://tympanus.net/Development/MergingImageBoxes/MergingImageBoxes.zip]下载[/url] ) 非常酷的带消融效果的 jQuery 相册插件，太靓了！ [url=http://tympanus.net/codrops/2010/11/30/merging-image-boxes/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins1.jpg[/img] [/url] Sweet Thumbnails Preview Gallery ( [url=http://tympanus.net/Tutorials/SweetThumbnails/]演示 [/url]| [url=http://tympanus.net/Tutorials/SweetThumbnails/SweetThumbnails.zip]下载[/url] ) 带缩略图预览效果的 jQuery 相册插件 [url=http://tympanus.net/codrops/2011/01/19/sweet-thumbnails-gallery/][img]http://files.jb51.net/file_images/article/201110/2011102311011219.jpg[/img] [/url] Portfolio Zoom Slider with jQuery ( [url=http://tympanus.net/Tutorials/PortfolioZoomSlider/]演示 [/url]| [url=http://tympanus.net/Tutorials/PortfolioZoomSlider/PortfolioZoomSlider.zip]下载[/url] ) 结合 Cloud Zoom 和 Fancybox 效果制作的的幻灯片插件 [url=http://tympanus.net/codrops/2010/12/27/portfolio-zoom-slider/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins6.jpg[/img] [/url] Making Better Select Elements with jQuery and CSS3 ( [url=http://demo.tutorialzine.com/2010/11/better-select-jquery-css3/select-jquery.html]演示 [/url]| [url=http://demo.tutorialzine.com/2010/11/better-select-jquery-css3/select-jquery.zip]下载[/url] ) 使用 jQuery 和 CSS3 制作的体验良好的下拉选择插件 [url=http://tutorialzine.com/2010/11/better-select-jquery-css3/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins11.jpg[/img] [/url] Google Powered Site Search with jQuery ( [url=http://demo.tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/search.html]演示 [/url]| [url=http://demo.tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/search.zip]下载[/url] ) 使用 jQuery 和 Google's AJAX 搜索 API 制作的搜索插件 [url=http://tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins21.jpg[/img] [/url] Moleskine Notebook with jQuery Booklet ( [url=http://tympanus.net/Tutorials/MoleskineNotebook/]演示 [/url]| [url=http://tympanus.net/Tutorials/MoleskineNotebook/MoleskineNotebook.zip]下载[/url] ) 使用 jQuery Booklet 插件制作的记事本 [url=http://tympanus.net/codrops/2010/12/14/moleskine-notebook/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins2.jpg[/img] [/url] Animated Form Switching with jQuery ( [url=http://tympanus.net/Tutorials/AnimatedFormSwitching/]演示 [/url]| [url=http://tympanus.net/Tutorials/AnimatedFormSwitching/AnimatedFormSwitching.zip]下载[/url] ) 效果不错的 jQuery 表单切换插件 [url=http://tympanus.net/codrops/2011/01/06/animated-form-switching/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins4.jpg[/img] [/url] How to Create a jQuery Confirm Dialog Replacement ( [url=http://demo.tutorialzine.com/2010/12/better-confirm-box-jquery-css3/]演示 [/url]| [url=http://demo.tutorialzine.com/2010/12/better-confirm-box-jquery-css3/jquery.confirm.zip]下载[/url] ) 使用 jQuery 制作的确认对话框 [url=http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins7.jpg[/img] [/url] How to Make Auto-Advancing Slideshows ( [url=http://demo.tutorialzine.com/2011/01/slideshow-autoadvance-jquery/]演示 [/url]| [url=http://demo.tutorialzine.com/2011/01/slideshow-autoadvance-jquery/autoadvance.zip]下载[/url] ) 结合 HTML5 和 jQuery 制作的幻灯片插件 [url=http://tutorialzine.com/2011/01/how-to-make-auto-advancing-slideshows/][img]http://files.jb51.net/file_images/article/201110/jqueryplugins8.jpg[/img] [/url]