40款非常棒的 jQuery 插件和制作教程（系列一）

jQuery 是一個非常優秀的 JavaScript 架構，在現在的 Web 開發項目中扮演着重要角色。jQuery 使用簡單靈活，同時還有許多成熟的插件可供選擇，它可以幫助你在項目中加入一些非常好的效果，讓網站有更好的可用性和使用者體驗。本文向大家分享40個實用 的 jQuery 插件以及制作教程。

帶立體效果的 jQuery 幻燈片插件，很酷！

<a href="http://tympanus.net/codrops/2011/01/03/parallax-slider/" target="_blank"></a>

非常酷的帶消融效果的 jQuery 相冊插件，太靓了！

<a href="http://tympanus.net/codrops/2010/11/30/merging-image-boxes/" target="_blank"></a>

帶縮略圖預覽效果的 jQuery 相冊插件

結合 Cloud Zoom 和 Fancybox 效果制作的的幻燈片插件

<a href="http://tympanus.net/codrops/2010/12/27/portfolio-zoom-slider/" target="_blank"></a>

使用 jQuery 和 CSS3 制作的體驗良好的下拉選擇插件

<a href="http://tutorialzine.com/2010/11/better-select-jquery-css3/" target="_blank"></a>

使用 jQuery 和 Google’s AJAX 搜尋 API 制作的搜尋插件

<a href="http://tutorialzine.com/2010/09/google-powered-site-search-ajax-jquery/" target="_blank"></a>

使用 jQuery Booklet 插件制作的記事本

<a href="http://tympanus.net/codrops/2010/12/14/moleskine-notebook/" target="_blank"></a>

效果不錯的 jQuery 表單切換插件

<a href="http://tympanus.net/codrops/2011/01/06/animated-form-switching/" target="_blank"></a>

使用 jQuery 制作的确認對話框

<a href="http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/" target="_blank"></a>

結合 HTML5 和 jQuery 制作的幻燈片插件

<a href="http://tutorialzine.com/2011/01/how-to-make-auto-advancing-slideshows/" target="_blank"></a>