20個教你得到酷炫效果的jQuery教程
我們都喜愛jQuery帶來的夢幻效果。本之列舉的教程標題不同，但它們都帶有不同的酷炫視覺效果。跟著它們逐步重建你的設計，又或是將這些令人震憾的特效融入你的設計中。
Making a Beautiful HTML5 Portfolio
想打造一個讓人過目不忘的專屬網絡文件夾?這個特效是不錯的示例。
流行的相片墻加上簡潔的特效，沒有啰嗦的文字堆砌，立刻抓住用戶的注意力。
Apple-like Retina Effect With jQuery
當蘋果的產品席卷全球時，也是時候讓自己的設計也蘋果一把啦!
“愛瘋”造型的內容顯示塊是不是很酷?JQuery打造的放大鏡特效自然是錦上添花!
Shutter Effect Portfolio with jQuery and Canvas
個人圖片文件夾見得多了，這個老式快門設計非常新穎。似乎和今年最熱的“vintage”(復古)很呼應?
Thumbnails Navigation Gallery with jQuery
這個示例結合了幾種流行特效：響應操作的導航，自動滑動的圖片展示，圖片替換為背景圖。半透明的縮略圖效果讓網站即整體又特色。
Rotating Image Slider with jQuery
厭倦了平鋪圖片墻不妨看看下面示例。不規則的圖片加上小弧度的擺放，配合折扇般的過渡效果，讓人耳目一新。
Animated Text and Icon Menu with jQuery
簡潔的頁面布局，對稱結構再加上生動的動畫，立刻讓人對你的網站過目不忘。
Animated Skills Diagram with Raphaël
明亮的色彩搭配是Web設計不變的亮點，在此基礎上加上強調重點的簡單特效，圖表也變得很生動。
Expanding Image Menu with jQuery
風琴式欄目特效是網頁設計中不過時的存在。
Create an Attractive Before and After Photo Effect with jQuery
示例提供了形象的相片前后對比。不同于平庸的平鋪陳列，作者巧妙地創建了宛如畫卷展開的特效，相片調整后的效果立馬顯現。
Sliding Boxes and Captions with jQuery
示例充分運用展開特效，將頁面中的文字壓縮至簡明概要的標題，整個頁面整潔、干凈又漂亮。
Animate Panning Slideshow with jQuery
示例展示了幾種常見的滑動效果，雖然簡單，但同樣能令網頁增色不少。
又是一個滑動效果，適用于各類相片墻。
別出心裁的滑落特效用在重力模仿上，即生動又有趣。
Create a Funky Parallax Background Effect using jQuery
有沒有想過把特效用在整個頁面上?看看下面的例子，大膽的運用突出了整個頁面的主題。
Advanced jQuery background image slideshow
又是一個大膽的設計!如果展示的是高分辨率的圖片，這個例子是不是給你不少啟發?
Creating a polaroid photo viewer with CSS3 and jQuery
一個支持鼠標拖拽的圖片強展示。
Display Your Favourite Music with jQuery & Last.fm
滑出的唱片圖像令頁面上的圖片變成CD盒子，生動又呼應主題。
How To Build a Sliding Feature Slideshow with jQuery
這是在國內許多門戶網站首頁可見的圖片特效。
原文：http://paranimage.com/20-cool-jquery-tutorials/
【編輯推薦】
