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


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


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


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


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


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


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


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


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


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


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


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

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


這個位于紐約的 Web 設(shè)計師 Juanid W. Hanif 的網(wǎng)站給人的總體感覺很不錯。
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/


這個站的效果看上去象 Flash, 也擁有 Flash 一樣的行為，然而卻是 JavaScript。
單頁式網(wǎ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)用站點