50个令人叹为观止的JavaScript应用站点

随着诸如 jQuery, Mootools, Prototype 一类的 JavaScript 框架的崛起,Web 开发者们基于这些框架创建了众多令人叹为观止的效果。以下的50个站点全部基于 JavaScript,却拥有 Flash 一样的绚丽效果。在很多 Web 开发者看来,Flash 并不是他们的首要选择,因为 Flash 至今对搜索引擎仍是不透明的,另外,Flash 的渲染需要浏览器插件,而 JavaScript 的一切都是本地的。

Tabs

Aviary - http://aviary.com/

50个令人叹为观止的JavaScript应用站点_第1张图片

Aviary 使用了非常圆润的 Tab 效果,点击 Tab 后,渐出渐入的栏目介绍性内容非常漂亮,它的基于 JavaScript 的下拉菜单也美轮美奂。

Toolani - http://www.toolani.de/

50个令人叹为观止的JavaScript应用站点_第2张图片

黄色内容区块下方的,基于 jQuery 的 Tabs 非常漂亮。

Podcasttuneup - http://www.podcast-tuneup.com/

50个令人叹为观止的JavaScript应用站点_第3张图片

漂亮的 Tab 带着有趣的上卷与下卷效果。作为对比,该 Tab 框上方还有一个基于 Flash 的 Tab 框,可以看出,Flash 的反应速度明细要快得多,然而却要等半天的时间加载。

Adworks - http://www.adworks.ro/

50个令人叹为观止的JavaScript应用站点_第4张图片

尽管这些 Tab 并不象前面提到的那几个,带渐入溅出效果,但那些大图标实在惹人喜欢。

We are Sofa - http://www.madebysofa.com/

50个令人叹为观止的JavaScript应用站点_第5张图片

如果你想用文字式 Tab 这个网站是个很好的例子。

幻灯式内容

monofactor -http://www.monofactor.com/

50个令人叹为观止的JavaScript应用站点_第6张图片

这个重新设计后的站点使用幻灯风格展示作者的作品。

Alex Buga - http://www.alexbuga.com/

50个令人叹为观止的JavaScript应用站点_第7张图片

Alex Buga 自诩为 Web 设计超级明星,使用了类似幻灯片的方式展示他最近的活动。位于右上角的那个主导航条也很 Cool,不过该站点大量使用了 Ajax。

Coda, one Window Web development - http://www.panic.com/coda/

50个令人叹为观止的JavaScript应用站点_第8张图片

这个站可谓家喻户晓。是很多人获得灵感的地方。

Kobe - http://www.arcinspirations.com/kobe/

50个令人叹为观止的JavaScript应用站点_第9张图片

漂亮的幻灯式内容效果,并结合了 Flash。(该站使用了单页式设计)

Dibusoft mmdv - http://www.dibusoft.com/

50个令人叹为观止的JavaScript应用站点_第10张图片

Dibusoft 使用了水平滚动图片加垂直滚动文字使用内容的幻灯式变换。它的主菜单则使用 JavaScript 实现 Lava Lamp 效果。

Jason Julien - http://www.jasonjulien.com/

50个令人叹为观止的JavaScript应用站点_第11张图片

Web 设计师 Jason Julien 使用水平滚动的方式来显示各个栏目下的内容。

engage interactive - http://www.engageinteractive.co.uk/

50个令人叹为观止的JavaScript应用站点_第12张图片

 

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

50个令人叹为观止的JavaScript应用站点_第13张图片

这个位于纽约的 Web 设计师 Juanid W. Hanif 的网站给人的总体感觉很不错。

Omnitech incorporated - http://www.omnitech-inc.com

50个令人叹为观止的JavaScript应用站点_第14张图片

Omnitech 的垂直垂直滚动式幻灯内容非常棒。

Quicksnapper - http://www.quicksnapper.com/

50个令人叹为观止的JavaScript应用站点_第15张图片

Today's Websnap 里的幻灯内容

Josh Smith - http://www.joshsmith.ca/

50个令人叹为观止的JavaScript应用站点_第16张图片

不仔细看,还以为是 Flash 效果。

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

50个令人叹为观止的JavaScript应用站点_第17张图片

大量的幻灯式内容,整体效果很漂亮。

Giant Creative - http://madebygiant.com/

50个令人叹为观止的JavaScript应用站点_第18张图片

Tap Tap Tap - http://www.taptaptap.com/

50个令人叹为观止的JavaScript应用站点_第19张图片

 

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

50个令人叹为观止的JavaScript应用站点_第20张图片

这个站的效果看上去象 Flash, 也拥有 Flash 一样的行为,然而却是 JavaScript。

单页式网站

以下几个站点的共同点就是大量使用滚动窗口,甚至有些滥用了。

Bryan Katzel - http://www.webleeddesign.com/

50个令人叹为观止的JavaScript应用站点_第21张图片

Melissa Hie - http://melissahie.com/

50个令人叹为观止的JavaScript应用站点_第22张图片

volll humane communication - http://www.volll.com/

50个令人叹为观止的JavaScript应用站点_第23张图片

you love us -http://youlove.us/

50个令人叹为观止的JavaScript应用站点_第24张图片

Tomas Pojeta -http://www.pojeta.cz/

50个令人叹为观止的JavaScript应用站点_第25张图片

Carrot Creative - http://carrotcreative.com/

50个令人叹为观止的JavaScript应用站点_第26张图片

Nofrks Design Studio - http://www.nofrks.com/

50个令人叹为观止的JavaScript应用站点_第27张图片

Viget Labs - http://www.teamviget.com/

50个令人叹为观止的JavaScript应用站点_第28张图片

Danny Blackmann - http://dannyblackman.com/

50个令人叹为观止的JavaScript应用站点_第29张图片

my kinetic Kreations - http://www.neftysworld.com/

50个令人叹为观止的JavaScript应用站点_第30张图片

DJ Folio - http://www.djfolio.com/

50个令人叹为观止的JavaScript应用站点_第31张图片

Jade Records - http://www.jedarecords.it/

50个令人叹为观止的JavaScript应用站点_第32张图片

authenticstyle - http://www.authenticstyle.co.uk/

50个令人叹为观止的JavaScript应用站点_第33张图片

Trashstars - http://www.trashstars.com/

50个令人叹为观止的JavaScript应用站点_第34张图片

Designflavr - http://www.designflavr.com/

50个令人叹为观止的JavaScript应用站点_第35张图片

h4×3d.com - http://www.h4×3d.com/

50个令人叹为观止的JavaScript应用站点_第36张图片

 

杂效

phpcli - http://cliframework.com/

50个令人叹为观止的JavaScript应用站点_第37张图片

Vitamin j Kommunikation - http://www.vitamin-j.de/

50个令人叹为观止的JavaScript应用站点_第38张图片

Komodomedia - http://www.komodomedia.com/

50个令人叹为观止的JavaScript应用站点_第39张图片

Kyan - http://kyanmedia.com/

50个令人叹为观止的JavaScript应用站点_第40张图片

Green any Site - http://www.greenanysite.com/

50个令人叹为观止的JavaScript应用站点_第41张图片

Playground Blues - http://www.playgroundblues.com/

50个令人叹为观止的JavaScript应用站点_第42张图片

CSS moon - http://www.cssmoon.com

50个令人叹为观止的JavaScript应用站点_第43张图片

Creatividad - http://2d2.es/creatividad/

50个令人叹为观止的JavaScript应用站点_第44张图片

Dragon Interactive - http://dragoninteractive.com/

50个令人叹为观止的JavaScript应用站点_第45张图片

Marius Roosendaal - http://www.mariusroosendaal.com/

50个令人叹为观止的JavaScript应用站点_第46张图片

paramore|red online marketing - http://paramoreredd.com/

50个令人叹为观止的JavaScript应用站点_第47张图片

Pikaboo - Where Ideas Grow - http://www.pikaboo.be/

50个令人叹为观止的JavaScript应用站点_第48张图片

Nebonmedia - http://www.nebonmedia.com/

50个令人叹为观止的JavaScript应用站点_第49张图片

Helldesign - http://helldesign.net/

50个令人叹为观止的JavaScript应用站点_第50张图片

本文国际来源:http://www.kriesi.at/archives/50-websites-that-make-amazing-use-of-javascript
中文来源:COMSHARP CMS 官方网站

你可能感兴趣的:(50个令人叹为观止的JavaScript应用站点)