`
mmdev
  • 浏览: 13296543 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

2009.01.30来自:CNBETA   共有评论(1)条 发表评论 <!-- [<a href="JavaScript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(saveit=window.open('http://wz.csdn.net/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=590,height=300,left=75,top=20,status=no,resizable=yes'));saveit.focus();" title="功能强大的网络收藏夹,一秒钟操作就可以轻松实现保存带来的价值、分享带来的快乐">收藏到我的网摘</a>] --> 收藏

以下的50个站点全部基于 JavaScript,却拥有 Flash 一样的绚丽效果。Aviary 使用了非常圆润的 Tab 效果,点击 Tab 后,渐出渐入的栏目介绍性内容非常漂亮,它的基于 JavaScript 的下拉菜单也美轮美奂。这个重新设计
<script type="text/javascript">show_ads_zone(13);</script><script src="http://z.csdn.net/adjs.php?n=965589967&amp;what=zone:13&amp;charset=utf-8&amp;exclude=,&amp;referer=http%3A//blog.csdn.net/jackem/archive/2008/11/04/3217000.aspx" type="text/javascript"></script>

随 着诸如 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/


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

分享到:
评论

相关推荐

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

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

    d3.js 数据可视化 JavaScript库

    “D3.js是一个JavaScript库,它主要用于对数据的动态图表展示。通过HTML、SVG以及CSS,D3可以让数据展现得更加鲜活。D3使得数字的图形化展示变得异常简单,可以说,它是当下最强大的基于网络的数据可视化技术。 ...

    七种令人叹为观止的3D打印制品

    本文将详细介绍七种令人叹为观止的3D打印制品,揭示这一技术的无限潜力。 首先是3D食物打印机,它能将液化的食物原材料转变成可食用的食品。这一技术不仅节省了食材的存储空间,还为烹饪增添了无限乐趣,并允许用户...

    几个经典的导航条,css+div+js写的,个人收集

    本资源集合了几个使用CSS(层叠样式表)和HTML(超文本标记语言)以及JavaScript编写的经典导航条实例,这些都是个人精心收集的。下面将详细讲解这些技术以及它们在创建导航条中的应用。 首先,CSS是用于控制网页...

    CSS可以做的几个令你叹为观止的实例分享

    需要注意的是,CSS滤镜不会改变图像文件本身,而只是在显示时对图像应用视觉效果。 3. CSS Pointer Events属性(pointer-events) CSS Pointer Events属性用于指定在什么条件下,某个元素可以成为鼠标事件(如点击...

    智能 让人叹为观止 当今最先进机器人集合.doc

    在军事应用领域,机器人技术同样取得了令人瞩目的成就。比如“终结者”类型的军事机器人,这些机器人装备有武器系统,能够执行危险任务,减少人员伤亡。这些机器人的出现,不仅提高了作战效率,同时也对战争的方式...

    2009-01 代码之美

    33位大师,每个人对代码之美都 有自己独特的认识,现在一览无余的放在一起,对于热爱程序的每个人都不啻一场盛宴。 虽然本书的涉猎范围很广,但也只能代表一小部分在这个软件开发这个最令人兴奋领域所发生的事情[1] ...

    processing p5.js 酷炫效果08

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果03

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing01 p5.js 酷炫效果源代码

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果05

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果04

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果09

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果02

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果07

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果10

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    processing p5.js 酷炫效果06

    当谈及一个由Processing.js打造的效果时,其酷炫程度简直令人叹为观止。屏幕上,色彩如同彩虹般绚烂绽放,每一帧都蕴含着无尽的创意与想象。动态图形流畅地穿梭于虚拟空间,仿佛拥有生命般自由舞动,带来强烈的视觉...

    代码之美Beautiful Code(中文版)(china-pub全国独家首发)(09年度畅销榜TOP50)(08年度畅销榜NO.5)

    38位大牛,每个人对代码之美都有自己独特的认识,现在一览无余的放在一起,对于热爱程序的每个人都不啻一场盛宴。 虽然本书的涉猎范围很广,但也只能代表一小部分在这个软件开发这个最令人兴奋领域所发生的事情。

    大量产品“GPT 化”,开源大模型 AI 应用开发框架发布

    大型语言模型(LLM)的出现,让我们看到了 AI 在自然语言处理方面的潜力,它涌现出来的创造力和思维能力令人叹为观止,并在新一代人机交互领域释放了大量的想象空间。 目前,决策者、产品负责人和开发者都在抢滩产品...

    代码之美Beautiful Code(中文版)

    38位大牛,每个人对代码之美都有自己独特的认识,现在一览无余的放在一起,对于热爱程序的每个人都不啻一场盛宴。 虽然本书的涉猎范围很广,但也只能代表一小部分在这个软件开发这个最令人兴奋领域所发生的事情。

Global site tag (gtag.js) - Google Analytics