5 个不能不看的 HTML5 + JavaScript 效果

自从苹果宣报放弃 Flash,并会采用新网页标准语法 HTML5,HTML5 就好像变了网络的未来一样。除了 Google 马上推出 HTML5 版本的 Youtube 外,网络上亦出现大量的 HTML5 教学和示范,好坏参半, 未必能说服你 HTML5 能够取代 Flash。如果你想体验一下 HTML5 的威力,可以看看笔者为大家挑选的 5 个示范。它们都是用 HTML5 和 JavaScript 做成的。

建议使用 Google Chrome 观看以下链接。

Canopy

Liquid Particles

Monster

Plasma tree

Ball Pool

如果想观看更多 HTML5 + JavaScript 的示范, 大家可以到 Chrome Experiment 的网页观看, 内里的示范都是由世界各地的程序员或设计师提供。

时间: 2024-09-14 14:03:31

5 个不能不看的 HTML5 + JavaScript 效果的相关文章

10个令人惊奇的HTML5和JavaScript效果

10款令人惊奇的HTML5和javascript效果.回到几年前,这些效果是根本不可能实现,只能用flash做,但是现在,已经很轻松的就可以实现了. 1. Breathing Galaxies 使用键盘来改变形状中的线条样式,或移动鼠标来创建一个新的形状. 查看:http://mudcu.be/labs/JS1k/BreathingGalaxies.html 2. Noise Field 移动鼠标来改变粒子的运动.点击随机产生参数. 查看:http://www.airtightinteracti

10个奇幻的HTML5和Javascript效果

导读:10款令人惊奇的HTML5和javascript效果.回到几年前,这些效果是根本不可能实现,只能用flash做,但是现在,已经很轻松的就可以实现了. Breathing Galaxies 使用键盘来改变形状中的线条样式,或移动鼠标来创建一个新的形状. Noise Field 移动鼠标来改变粒子的运动.点击随机产生参数. Keylight 根据按键放置的位置不同来产生不同的单调. Swirling Tentacles 循环产生彩色不同颜色的三维线. FlowerPower 来自于大自然另一个

惊人的HTML5动画效果!汗

现在冒出来很多HTML5动画,在这里我们展示一些示例,如果你有更多的想和大家分享的请在评论里提出. HTML5 动画,从简单到位置移动到优秀的3D动画,这对HTML5来说是一个伟大的时刻.作为一名Flash开发者,在看完HTML5动画后,我被震撼了.让我们在这里看看其中的一些. HTML5 Blob动画: Blob – 使用HTML5 canvas创建的一种柔软的带弹性的物理体验. http://hakim.se/experiments/html5/blob/03/ 用HTML5生成一个DNA结

请大牛看看我的这个javascript做的鼠标拖地的代码!哪儿有问题呢?

问题描述 请大牛看看我的这个javascript做的鼠标拖地的代码!哪儿有问题呢? <html> <meta charset="utf-8"> <title>内嵌滑鼠</title> <script type="text/javascript"> window.onload = function(){ var oDiv = document.getElementById("div1");

8个令人印象深刻的JavaScript效果的网站

这篇文章很有意思,我发现了8个具有共同特征的站点-他们都使用JavaScript脚本语言.是什么使HTML/CSS站点很漂亮.过目难忘?我们需要JavaScript的魔力,使网站更具交互性和动画特征. 下面我们就看看这8个站点. Momento App Momento app是个丰富的iPhone应用站点.它有2个以上的不错的图片gallery组成,值得一看. We are fixel 干净,漂亮的站点.口号吸引我们的眼球,你可以刷新显示不同的文字组合. Factoria 非常动画的一个站点,右

PS制作擦开车窗玻璃上的雾气看外面的风景效果教程

教我们用PS制作擦开车窗玻璃上的雾气看外面的风景效果,这个教程主要是应用画笔工具,图层样式以及蒙板来绘制完成的, 自始至终只使用了风景图片这一个素材,其它全部自已制作出来. 效果图: 原图: 1.打开一张风景图片,复制背景层,执行滤镜-模糊-高斯模糊,像素根据自已图片来定. 2.把执行了模糊的图层复制两份,分别执行滤镜-扭曲-扩散亮光,两个层的参数略有不同,要求很简单,位于上面的图层稍微模糊一点, 下面的图层清晰一点就行了.记得粒度全部调为0,注意一下现在的图层顺序,图层1和背景留作备份,重要的

《Windows 8 开发权威指南:HTML5 和JavaScript卷》——第2章 HTML5 JavaScript概述以及新特性 2.1 HTML5概述

第2章 HTML5 JavaScript概述以及新特性 2.1 HTML5概述 HTML5已经推出,Web也不会是一成不变的. 以前你一定听说过这句话或类似的内容. 我想,当你听到这句话时,可能会变得很激动,转动眼珠.皱着眉头一脸疑问. 也可能这三种反应你都有.有这些反应,我非常能理解. HTML5 十分令人称道,正如我们所知,它可能会改变 Web,但它的作用也被夸大了. 而且,它的真正意义还难以琢磨. 在使用 HTML5 构建应用程序时,我自己也有过上面所说的每一种反应. HTML5 是一个宽

uitableview-求ios大神帮看下这个界面效果怎么实现

问题描述 求ios大神帮看下这个界面效果怎么实现 往上滑动的时候上面图片会跟着往上移动 UISegmentedControl 移动到顶部会锁定 哪位大神帮忙看看 提供下思路 或者有代码 解决方案 用tableview做, UISegmentedControl 放在 section 的 header 中,这样向上滑动到顶部的时候它就会被锁定,demo网上有,去找一个来看看,很容易实现的

我的aspx网页在vs2005调试运行不显示验证码图片和javascript效果呢?

问题描述 我的aspx网页在vs2005调试运行不显示验证码图片和javascript效果呢?是不是环境染毒了?是iis出现问题还是vs2005出现问题还是什么原因呢?前几天还好好的! 解决方案 解决方案二:是不是新加js或者css影响了