HTML 5特效页面及js测试页面汇总推荐

开发 前端
下面是一些用HTML5做的特效页面以及一些js测试页面,大多在测试之后都会给出分数。如果你的浏览器不支持下面的网页,可以考虑换个新版或者换一款浏览器。

下面是一些用HTML5做的特效页面以及一些js测试页面,大多在测试之后都会给出分数。如果你的浏览器不支持下面的网页,可以考虑换个新版或者换一款浏览器。(参阅《主流浏览器CSS3和HTML5兼容性详细清单》)

1、跑鱼测试

不断增加鱼的数量,看你的FPS得分,这个也是很多朋友都知道的,微软在发布IE9 beta的时候曾经用这个评分做宣传:

http://ie.microsoft.com/testdrive/Performance/FishIETank/(老地址)

http://www.ieliulanqi.com/(新地址,目前鱼测试已经与IE9体验站整合,内容更丰富)

 

HTML5测试页面收集

 

2、旋转的浏览器图标,增加图标亮,看FPS分数

http://ie.microsoft.com/testdrive/Performance/FlyingImages/

 

HTML5测试页面收集

 

3、炫彩测试:注意这个页面是有背景音乐的,如果你不能听到,那……

http://ie.microsoft.com/testdrive/Performance/PsychedelicBrowsing/Default.html

 

HTML5测试页面收集

 

4、IE9体验站(内容很多,比如摇骰子、台球、风筝之类的,内容不错):

http://www.ieliulanqi.com/#/experience

 

HTML5测试页面收集

 

5、宝马体验(HTML5 加载需要2—3分钟,请耐心等待)看着这么漂亮的车子是不是有些心动呢?刚看完《速度与激情5》还真有那么点……

http://joydefinesthefuture.com/

 

HTML5测试页面收集

 

6、液体微粒(用鼠标在上面比划 or 点击,看看什么效果):

http://spielzeugz.de/html5/liquid-particles.html

 

HTML5测试页面收集

 

#p#

7、视频爆炸(点击视频看看会怎么样):

http://www.craftymind.com/factory/html5video/CanvasVideo.html

 

HTML5测试页面收集

 

8、坠落效果的Google(用鼠标把它们提起,再甩下去):

http://mrdoob.com/projects/chromeexperiments/google_gravity/

 

HTML5测试页面收集

 

9、等离子树(鼠标每点击一次会多一个分支):

http://openrise.com/lab/PlasmaTree/

 

HTML5测试页面收集

 

10、线条绘画。在三维空间画画。

http://www.the389.com/7/3/

 

HTML5测试页面收集

 

11、水墨小球(在线作图?哈哈,自己体验)不知道有没有民间高手做出中国水墨画的精品呢?

http://bomomo.com/

 

HTML5测试页面收集

 

12、未来相册(这个在IE9下没有成功,用chrome***运行,谷歌+1)

http://www.xs4all.nl/~peterned/3d/

 

HTML5测试页面收集

 

#p#

13、HTML5的Blizzard的测试页面,来测试一下IE的HTML解释性能:

http://ie.microsoft.com/testdrive/HTML5/Blizzard/Default.html

 

HTML5测试页面收集

 

14、第三方HTML5测试页面:http://html5test.com/

 

HTML5测试页面收集

 

15、JS测试,测试IE9的SVG和JavaScript渲染性能。

http://ie.microsoft.com/testdrive/performance/SantasWorkshop/Default.xhtml

 

HTML5测试页面收集

 

16、土豆3D电影院,是土豆网和微软合作的一个HTML5体验站,很流畅

http://2010.tudou.com/3d-tudou/cinema.html

 

HTML5测试页面收集

 

转自:天极网

【编辑推荐】

  1. HTML 5重构互联网:浏览器将部分替代操作系统
  2. 49个超炫的HTML 5示例
  3. HTML 5可以做五件事情 超出你的想象
  4. 九个令人惊叹的HTML 5和JavaScript实验
  5. 29个非常实用的HTML 5实例、教程和技巧
责任编辑:陈贻新 来源: 天极网
相关推荐

2021-06-18 10:12:09

JS代码前端

2014-07-04 09:52:57

HTML5

2012-05-25 15:48:59

HTML5

2010-02-22 09:39:52

HTML 5Web

2012-09-04 09:23:45

HTML5消息传输传输机制

2015-07-22 16:44:51

HTML5优化

2020-04-21 14:00:25

HTMLCSSJS

2010-10-08 13:02:05

JS特效

2011-07-29 11:04:52

2011-05-12 15:42:16

HTML5

2011-07-19 10:34:25

HTML 5

2021-05-18 09:49:08

鸿蒙HarmonyOS应用

2020-10-09 14:02:57

JS模拟监控页面FPS

2009-12-02 20:02:18

PHP实现页面跳转

2020-10-12 08:32:09

Vue页面数据更新

2010-10-09 11:01:31

JS

2009-07-07 16:49:43

JSP数据库配置

2021-11-08 10:24:16

Html页面加载

2011-05-18 16:09:10

404错误页面

2015-07-03 09:37:34

HTML5Figure图片字幕特效
点赞
收藏

51CTO技术栈公众号