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

系统 1974 0

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


Aviary 使用了非常圆润的 Tab 效果,点击 Tab 后,渐出渐入的栏目介绍性内容非常漂亮,它的基于 JavaScript 的下拉菜单也美轮美奂。
Toolani - http://www.toolani.de/
令人叹为观止的JavaScript应用站点

黄色内容区块下方的,基于 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/


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

转自:http://news.csdn.net/n/20090130/122791.html

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


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论