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

标签： html5 javascript 效果 | 发表时间：2011-06-30 10:49 | 作者：美工设计 Hermes
出处：http://www.jobbole.com/blog.php
　　作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性。如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。

　　 Breathing Galaxies



　　 动态变换颜色和直径，可通过键盘或者鼠标产生新的形状，这个效果很炫很炫！

　　 FlowerPower



　　 灵感来自大自然的使用，使用花朵作为画刷，以贝兹曲线方式绘图。

　　 Noise Field



　　 移动鼠标可改变粒子的运动，点击可随机生成不同的粒子效果。

　　 Keylight


　　 双击生成两个以后的键即可发出声音，移动键的位置可产生不同的声音效果。

　　 Swirling Tentacles


　　 三维脉冲效果，沿着脉冲线有运动的颜色渐变模块。

　　 Blob


　　 拖动水滴有重力效果，双击可以分离，小水滴碰到大水滴会合并。

　　 Rotating Spiral



　　 旋转的螺旋效果，看得有点头晕，单击可以控制开始和停止旋转。
　　 Magnetic


　　
　　 模拟磁性粒子流效果，非常逼真。
　　 Trail



　　 彩色颗粒跟随鼠标运动效果，带尾巴淡出效果。
　　 Graph Layout



　　 一种交互的力向图布局效果。



　　 原文：queness
　　 译文：梦想天空

　　 -------------------------------------------------------------------
　　 关注伯乐在线的微博，和喜欢此文的伯友一起交流互动！

　　 @伯乐在线官方微博（新浪微博）
　　 @伯乐在线（腾讯微博）

　　 -------------------------------------------------------------------
　　 你可能对以下文章也感兴趣

　　 行为地图在可用性研究中的应用探索
　　 不要痴迷于HTML5和CSS3
　　 15个极具创意的负空间Logo设计
　　 推荐分享52套高质量的免费网站按钮
　　 为什么劝导式设计将是你的下一个必备技能

　　 -------------------------------------------------------------------
　　
　　

相关 [html5 javascript 效果] 推荐：

10个让人眼花缭乱的 HTML5 和 JavaScript 效果

- 老男人 - cnBeta.COM
感谢山边小溪-专注Web开发的投递. 作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性. 如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用. 本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待.

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

- Hermes - 伯乐在线 -博客
　　作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性. 如今，很多 Web 开发人员开始使用 HTML5 来制作各种丰富的 Web 应用. 本文向大家展示10个让人眼花缭乱的 HTML5 和 JavaScript 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待.

8个惊艳的 HTML5 和 JavaScript 特效

- niko - 博客园-首页原创精华区
　　这篇文章向大家展示8个惊艳的 HTML5 和 JavaScript 特效. 作为下一代网页语言，HTML5 拥有很多让人期待已久的新特性，越来越多的开发人员开始使用 HTML5 来制作各种交互性强、效果丰富的 Web 应用. 下面这些惊艳的示例带您体验 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待.

Groundwork：响应式 HTML5，CSS & JavaScript 工具包

- - 博客园_梦想天空
　　Groundwork 是基于强大的 CSS 预处理器 Sass & Compass 的响应式 HTML5，CSS & JavaScript 工具包. 使用 Groundwork，您可以快速构建 Web 应用程序. Groundwork 拥有一个令人难以置信的灵活，可嵌套，流体的网格系统，是 Github 上的开源项目.

PouchDB：一个JavaScript与HTML5实现的浏览器端CouchDB

- Vingel - NoSQLFan
CouchDB的一大特点是利用其同步机制在终端与服务端进行数据同步，比如在移动终端Android系统和iOS系统下都有CouchDB的实现，其策略是离线时将数据存在本地，在线后将数据与服务端进行同步. 而今天要说的是利用JavaScript和HTML5的IndexedDatabase实现的一个完全兼容CouchDB同步协议的家伙：PouchDB.

微软计划Office 15使用HTML5和JavaScript开发

- xx - Solidot
HTML5和JavaScript除了被广泛应用于Windows 8开发中外，微软还计划在Office 15让Web技术成为重要的扩展开发工具. 自微软引入.NET之后，宏语言VBA一直是程序员唯一可用的开发扩展功能的工具. 然而现在，微软试图改变方向，即将在2012年或2013年推出的新版Office办公软件，Web技术将扮演重要作用.

九个让人难以置信的HTML5和JavaScript实验

- firxiao - 博客园-首页原创精华区
　　Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目，里面的例子都很独特，让人惊叹. 我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果. 今天，本文与大家分享其中9个很棒的例子，为了有更好的效果，建议在Chrome浏览器中浏览.

PouchDB：一个JavaScript与HTML5实现的浏览器端CouchDB

- redhobor - HTML5研究小组
CouchDB的一大特点是利用其同步机制在终端与服务端进行数据同步，比如在移动终端Android系统和iOS系统下都有CouchDB的实现，其策略是离线时将数据存在本地，在线后将数据与服务端进行同步. 而今天要说的是利用JavaScript和HTML5的IndexedDatabase实现的一个完全兼容CouchDB同步协议的家伙：PouchDB.

九个让人难以置信的HTML5和JavaScript实验

- Amo - HTML5研究小组
Google的 Chrome实验室 收 集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目，里面的例子都很独特，让人惊叹. 我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果. 今天，本文与大家分享其中9个很棒的例子，为了有更好的效果，建议在Chrome浏览器中浏览.