50個令人歎為觀止的JavaScript應用網站

來源:互聯網
上載者:User

隨著諸如 jQuery, Mootools, Prototype 一類的 JavaScript 架構的崛起,Web 開發人員們基於這些架構建立了眾多令人歎為觀止的效果。以下的50個網站全部基於 JavaScript,卻擁有 Flash 一樣的絢麗效果。在很多 Web 開發人員看來,Flash 並不是他們的首要選擇,因為 Flash 至今對搜尋引擎仍是不透明的,另外,Flash 的渲染需要瀏覽器外掛程式,而 JavaScript 的一切都是本地的。

 

Aviary 使用了非常圓潤的 Tab 效果,點擊 Tab 後,漸出漸入的欄目介紹性內容非常漂亮,它的基於 JavaScript 的下拉式功能表也美輪美奐。
Toolani - http://www.toolani.de/

黃色內容區塊下方的,基於 jQuery 的 Tabs 非常漂亮。
Podcasttuneup - http://www.podcast-tuneup.com/

漂亮的 Tab 帶著有趣的上卷與下卷效果。作為對比,該 Tab 框上方還有一個基於 Flash 的 Tab 框,可以看出,Flash 的反應速度明細要快得多,然而卻要等半天的時間載入。
Adworks - http://www.adworks.ro/

儘管這些 Tab 並不象前面提到的那幾個,帶漸入濺出效果,但那些大表徵圖實在惹人喜歡。
We are Sofa - http://www.madebysofa.com/

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

這個重新設計後的網站使用幻燈風格展示作者的作品。
Alex Buga - http://www.alexbuga.com/

Alex Buga 自詡為 Web 設計超級明星,使用了類似投影片的方式展示他最近的活動。位於右上方的那個主導航條也很 Cool,不過該網站大量使用了 Ajax。
Coda, one Window Web development - http://www.panic.com/coda/

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

漂亮的幻燈式內容效果,並結合了 Flash。(該站使用了單頁式設計)
Dibusoft mmdv - http://www.dibusoft.com/

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

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

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

這個位於紐約的 Web 設計師 Juanid W. Hanif 的網站給人的總體感覺很不錯。
Omnitech incorporated - http://www.omnitech-inc.com/

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

大量的幻燈式內容,整體效果很漂亮。
Tap Tap Tap - http://www.taptaptap.com/

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

這個站的效果看上去象 Flash, 也擁有 Flash 一樣的行為,然而卻是 JavaScript。
單頁式網站 
以下幾個網站的共同點就是大量使用滾動視窗,甚至有些濫用了。
Bryan Katzel - http://www.webleeddesign.com/

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.