10个视觉冲击强烈的JavaScript特效网站案例

标签: 资料报告 | 发表时间:2012-09-11 23:07 | 作者:P迪
出处:http://www.alibuybuy.com

关于 HTML5 和  Flash 之间的战争,网上讨论的文章很多很多,尽管 HTML5还有很长的路要走,但 Flash 正在走下坡路是不争的事实。以前效果精美的 Flash 网站非常流行,如今已经很少见到了。借助 JavaScript ,使用纯HTML/CSS就可以实现媲美 Flash 的精美网站。

Black Negative

太炫了!动态的全屏背景,像电影画面一样,还有好玩的水平拖动导航。

Lena Sanz

带给你强烈视觉冲击的摄影师网站,有一个巨大的的响应式图片滑块。

Skull Candy

应用了多种类型的视差滚动效果,太不可思议了,赶快滑动滚动条试试吧。

Matte Ozanga

另外一个运用鼠标拖动的创意网站,在着陆页(landing page)提供了两种欢迎用户的选项。

Angrybird Space

这是愤怒的小鸟太空版官方网站,运用了奇特的视差滚动效果,在页面滚动的时候沿着预定的路径滚动。

Olivers Taub

这个网站看起来很像典型的 Flash 网站,使用方框作为简洁而又优雅的解决方案。

Joint London

极简设计风格的网站,导航制作得非常特别,整个看起来就像 Flash 制作的。

Nature Valley Trail View

制作精美的全屏传送带,页面按钮制作得非常有质感。

Artech Agencement

从进入页面的加载到后面的魔方导航效果以及精致的滚动条效果都让人觉得特别炫。

50 Problems in 50 Days

设计精美的界面,平滑的拖动,各种很酷的效果都让人觉得像非常赞!

 

来源: 梦想天空
(转载请注明来自: DamnDigital)

 


© 推荐 for 互联网的那点事, 2012. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

【案例】澳大利亚宜家营销创意:目录待在你家,宜家付“房租” (@socialbeta)

CodeTank 代码坦克 - 腾讯推出有趣的编程对战游戏,用游戏来学习 Javascript 开发语言 (@iplaysoft)

案例分析:日本头号社交网站Mixi成功经验

网站分析:JavaScript和Cookie对GA的影响有多大?

视觉大同—Visual similarity
无觅

Feed enhanced by Better Feed from Ozh

相关 [视觉 冲击 javascript] 推荐:

10个视觉冲击强烈的JavaScript特效网站案例

- - 互联网的那点事
关于 HTML5 和  Flash 之间的战争,网上讨论的文章很多很多,尽管 HTML5还有很长的路要走,但 Flash 正在走下坡路是不争的事实. 以前效果精美的 Flash 网站非常流行,如今已经很少见到了. 借助 JavaScript ,使用纯HTML/CSS就可以实现媲美 Flash 的精美网站.

Javascript诞生记

- Milido - 阮一峰的网络日志
二周前,我谈了一点Javascript的历史. 今天把这部分补全,从历史的角度,说明Javascript到底是如何设计出来的. 只有了解这段历史,才能明白Javascript为什么是现在的样子. 我依据的资料,主要是Brendan Eich的自述. "1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.

JavaScript,你懂的

- dylan - keakon的涂鸦馆
经常有人问我,JavaScript应该怎么学. 先学基本语法,如果曾学过C等语言,应该1小时内就能掌握了. 再去使用内置的函数、方法和DOM API,熟悉它能干什么;而在学习DOM API的过程中,你还不得不与HTML和CSS打交道. 然后弄懂匿名函数和闭包,学会至少一个常用的JavaScript库(例如jQuery).

Javascript 里跑Linux

- rockmaple - Shellex's Blog
牛逼到暴的大拿 Fabrice Bellard,用Javascript实现了一个x86 PC 模拟器,然后成功在这个模拟器里面跑Linux(请用Firefox 4 / Google Chrome 11打开,Chome 12有BUG). 关于这个东西… 伊说 “I did it for fun“,大大啊大大啊….

高效 JavaScript

- xtps - ITeye论坛最新讨论
传统上,网页中不会有大量的脚本,至少脚本很少会影响网页的性能. 但随着网页越来越像 Web 应用程序,脚本的效率对网页性能影响越来越大. 而且使用 Web 技术开发的应用程序现在越来越多,因此提高脚本的性能变得很重要. 对于桌面应用程序,通常使用编译器将源代码转换为二进制程序. 编译器可以花费大量时间优化最终二进制程序的效率.

你得学JavaScript

- 蒋冰 - 伯乐在线 -博客
  注:本文由 敏捷翻译 - 蒋少雄 翻译自 Kenny Meyers 的博文.   如果三年前你问我应该学什么语言,我会告诉你是Ruby.   如果你现在想学一门语言的话,你应该学习JavaScript..   我认为,每一位Web开发人员都应该学习JavaScript. 目前推出的许多新技术都支持这个观点.

javascript 贪食蛇

- Xin - 博客园-首页原创精华区
我的程序用javascript与Html中的table结合,实现的简单的贪食蛇游戏,游戏的主要特点,可调整蛇移动速度,可调整蛇移动范围,碰壁、咬到身体则“Game Over. 游戏并不完善,只是实现了主要的功用,有设计不合理的地方,欢迎您感大家提意见.        实现方法:由javascript语言中的setInterval方法驱动整个游戏程序,设置“nowDirection”即蛇的当前移动方向为全局变量,由setInterval方法定时获取蛇的移动方向,由document.onkeydown()捕捉当前按键(上、下、左、右)以修改nowDirection,这样就可以用方向按键控制蛇周期时间的定向移动.

你不懂Javascript

- 英建 - 黑客志
过去几年我注意到技术圈一个很奇怪的现象,有太多程序员将那些他们只是有过非常浅显的了解,但其实根本就不懂的技术写到他们的简历中,这个现象几乎每种语言都有,但这其中最严重的就要数Javascript了. 出现这种状况的一个很大的原因就是现如今几乎每个开发者的工作都或多或少要依赖于Javascript,但大多数人并不真的理解这门语言,他们常用的学习方式是复制粘贴,使用这种方式,你永远不会真正学会这门语言,而只能得到一个你已经懂了的假象.

Javascript 中的 var

- - 酷壳 - CoolShell.cn
MelonCard发布了一篇文章——” how one missing var ruined our launch“(”少写了一个var毁了我的网站”),这篇文章是说MelonCard用Node.js做后台,因为出了一个小高峰——有50-100人注册,结果整个网站都不响应了,而且还出现了很多奇怪的问题.

JavaScript 基础

- - CSDN博客推荐文章
JavaScript可以出现在HTML的任意地方,甚至在之前插入也不成问题,使用标签. 不过要在框架网页中插入的话,就一定要在之前插入,否则不会运行. JavaScript对数据类型要求不严格,一般来说,声明变量的时候不需要声明类型,而且就算声明了类型,在使用过程中也可以给变量赋予其他类型的值,声明变量使用var关键字.