PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

10个奇幻的HTML5和Javascript效果

10个奇幻的HTML5和Javascript效果

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-02-17
又10款令人惊奇的HTML5和javascript效果,今天网游的时候,又偶然踫到的这几款很不错的效果。回到几年前,这些效果是根本不可能实现,只能用flash做,但是现在,已经很轻松的就可以实现了。 之前也发布了几篇此类的文章,但觉得这几款效果确实很让人难以割舍,它们奇幻

又10款令人惊奇的HTML5和javascript效果,今天网游的时候,又偶然踫到的这几款很不错的效果。回到几年前,这些效果是根本不可能实现,只能用flash做,但是现在,已经很轻松的就可以实现了。

之前也发布了几篇此类的文章,但觉得这几款效果确实很让人难以割舍,它们奇幻、炫丽,还是收藏了和大家一起分享吧。:-p

等会,大家要记得用高版本的一些浏览器哦,要不看不到效果的,我用的是Firefox3.5.11。

个人非常喜欢Breathing Galaxies和FlowerPower,真得很炫,你喜欢哪款呢?

Breathing Galaxies

使用键盘来改变形状中的线条样式,或移动鼠标来创建一个新的形状。

Noise Field

移动鼠标来改变粒子的运动。点击随机产生参数。

Keylight

根据按键放置的位置不同来产生不同的单调。

Swirling Tentacles

循环产生彩色不同颜色的三维线。

FlowerPower

来自于大自然另一个灵感 – 使用贝赛尔曲线做为笔刷绘图工具花朵,使用鼠标点击或拖动均可看到效果。

Blob

一滴可以在屏幕上抛掷的柔软的水泡,它可以在浏览器窗口中弹跳。这个水泡可以分割成许多小水滴(双击),如果他们碰撞小水滴们还会合并成一个大水滴。

 

Rotating Spiral

你是越来越困,很困…. 独立旋转螺旋的效果 – 简单,但视觉吸引力。点击开始,停止和扭转旋转。

Magnetic

磁点是用来控制粒子流。如果有很多粒子围绕磁铁,它会辐射的颜色和大小的增加。鼠标双击操作。

Trail

五颜六色的粒子跟随鼠标并在鼠标周围旋转,同时生成一个有机的痕迹,然后慢慢地淡出。

Graph Layout

一种交互式力向图的布局。

原文链接:10 Jaw Dropping HTML5 and Javascript Effects


延伸阅读:
最新Chrome 5跑分数据支持HTML5
HTML5:实至名归还是言过其实?
开发人员需要牢记的HTML 5安全问题
关于 HTML5 应用现状与前景的思考
Google发布HTML 5推广网站HTML5ROCKS
你从没见过的 HTML5 动画效果
HTML 5将成IE9核心 将向第三方开发者开放
HTML5将重塑Web世界
HTML5 WebSockets 基础使用教程
HTML5标记省略 语法规则
5 个不能不看的 HTML5 + JavaScript 效果
WP7将在浏览器中新增HTML5和Silverlight支持
Zynga发布首款HTML5格式移动网络游戏
微软公布IE9技术原型 推出HTML5实验室网站
HTML5写塔防游戏代码下载
HTML5在豆瓣的各种应用
2011年Web设计趋势:CSS3+HTML5居首位
W3C发布HTML5官方Logo
HTML5标准将在2014年完成
Tags: HTML5   javascript   效果  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号