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