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