写出这个效果须要多少代码量呢? 答案是200行。

你没看错, 这是纯HTML5页面,用JS编写的。

这是效果地址。

html5单页面效果jsweb前端里见过最惊艳的HTML5的demo RESTful API
(图片来自网络侵删)

http://www.thingjs.com/demos/menu.html?name=earthCreateBuilding

这个殊效非常花费CPU,电脑性能以及网速不好的就别考试测验了,会非常卡。

实际上它利用了一个叫做ThingJS的框架。
当然这个框架也是纯JS。
运用在网页上的。

除了刚才看到的效果,还有像这样的夜景图

http://www.thingjs.com/guide/sampleindex.html?name=/uploads/wechat/oLX7p01p-lBQeR49wRF5j_ox3X3U/HangzhouCityBuilder.js

超逼真的3D模型,加载的时候能看到全体渲染过程,非常有趣。

点击右边的菜单,可以进入室内查看

还可以把每个楼层展开查看

切实其实玩的不亦乐乎~~~, 下面是地址

http://www.thingjs.com/demos/menu.html?name=uBuilding

除了这些,还有好多殊效案例,你可以辞官网自己逐步看。

这个是我目前见到的最惊艳的HTML5的demo。