隨著諸如 jQuery, Mootools, Prototype 一類的 JavaScript 框架的崛起，Web 開(kāi)發(fā)者們基于這些框架創(chuàng)建了眾多令人嘆為觀止的效果。以下的50個(gè)站點(diǎn)全部基于 JavaScript，卻擁有 Flash 一樣的絢麗效果。在很多 Web 開(kāi)發(fā)者看來(lái)，F(xiàn)lash 并不是他們的首要選擇，因?yàn)?Flash 至今對(duì)搜索引擎仍是不透明的，另外，F(xiàn)lash 的渲染需要瀏覽器插件，而 JavaScript 的一切都是本地的。


Aviary 使用了非常圓潤(rùn)的 Tab 效果，點(diǎn)擊 Tab 后，漸出漸入的欄目介紹性內(nèi)容非常漂亮，它的基于 JavaScript 的下拉菜單也美輪美奐。
Toolani - http://www.toolani.de/


黃色內(nèi)容區(qū)塊下方的，基于 jQuery 的 Tabs 非常漂亮。
Podcasttuneup - http://www.podcast-tuneup.com/


漂亮的 Tab 帶著有趣的上卷與下卷效果。作為對(duì)比，該 Tab 框上方還有一個(gè)基于 Flash 的 Tab 框，可以看出，F(xiàn)lash 的反應(yīng)速度明細(xì)要快得多，然而卻要等半天的時(shí)間加載。
Adworks - http://www.adworks.ro/


盡管這些 Tab 并不象前面提到的那幾個(gè)，帶漸入濺出效果，但那些大圖標(biāo)實(shí)在惹人喜歡。
We are Sofa - http://www.madebysofa.com/


如果你想用文字式 Tab 這個(gè)網(wǎng)站是個(gè)很好的例子。
幻燈式內(nèi)容 monofactor -http://www.monofactor.com/


這個(gè)重新設(shè)計(jì)后的站點(diǎn)使用幻燈風(fēng)格展示作者的作品。
Alex Buga - http://www.alexbuga.com/


Alex Buga 自詡為 Web 設(shè)計(jì)超級(jí)明星，使用了類似幻燈片的方式展示他最近的活動(dòng)。位于右上角的那個(gè)主導(dǎo)航條也很 Cool，不過(guò)該站點(diǎn)大量使用了 Ajax。
Coda, one Window Web development - http://www.panic.com/coda/


這個(gè)站可謂家喻戶曉。是很多人獲得靈感的地方。
Kobe - http://www.arcinspirations.com/kobe/


漂亮的幻燈式內(nèi)容效果，并結(jié)合了 Flash。（該站使用了單頁(yè)式設(shè)計(jì)）
Dibusoft mmdv - http://www.dibusoft.com/


Dibusoft 使用了水平滾動(dòng)圖片加垂直滾動(dòng)文字使用內(nèi)容的幻燈式變換。它的主菜單則使用 JavaScript 實(shí)現(xiàn) Lava Lamp 效果。
Jason Julien - http://www.jasonjulien.com/


Web 設(shè)計(jì)師 Jason Julien 使用水平滾動(dòng)的方式來(lái)顯示各個(gè)欄目下的內(nèi)容。
engage interactive - http://www.engageinteractive.co.uk/

Juanid W. Hanif - http://www.jwhanif.net/


這個(gè)位于紐約的 Web 設(shè)計(jì)師 Juanid W. Hanif 的網(wǎng)站給人的總體感覺(jué)很不錯(cuò)。
Omnitech incorporated - http://www.omnitech-inc.com

Qlear Interaction Design - http://www.qlear.nl


大量的幻燈式內(nèi)容，整體效果很漂亮。
Tap Tap Tap - http://www.taptaptap.com/

Hotel Oxford - http://www.hotel-oxford.ro/


這個(gè)站的效果看上去象 Flash, 也擁有 Flash 一樣的行為，然而卻是 JavaScript。
單頁(yè)式網(wǎng)站
以下幾個(gè)站點(diǎn)的共同點(diǎn)就是大量使用滾動(dòng)窗口，甚至有些濫用了。
Bryan Katzel - http://www.webleeddesign.com/


更多： http://www.kriesi.at/archives/50-websites-that-make-amazing-use-of-javascript
翻譯： COMSHARP CMS

轉(zhuǎn)自：http://news.csdn.net/n/20090130/122791.html

令人嘆為觀止的JavaScript應(yīng)用站點(diǎn)