• 技术文章 >web前端 >H5教程

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

    2016-05-17 09:09:34原创1143
    下面是一些用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测试页面收集

    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测试页面收集

    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测试页面收集

    本文转自天极网

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:若干个HTML5的新特性与技术 下一篇:HTML4和HTML5之间的10个主要不同
    PHP编程就业班

    相关文章推荐

    • html5离线存储有哪些• 深入解析asp.net中mvc4自定义404页面(分享)• 在今天,利用 HTML5 开发和发布大型跨平台网游,可行性如何?要解决哪些问题?• 避免常见的六种HTML5错误用法 (5-6)• 你值得了解的HTTP缓存机制(代码详解)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网