第二版在第一版的基础上增加了一个动态3D的白云效果背景，鼠标悬浮在页面上云朵会向屏幕Z轴方向运动，在第一人称视角看来向着云朵方向前进的，由此形成一个伪3D效果。有点绕，直接看demo就能理解了。3D白云效果是基于threejs框架做的。

汉源网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联建站于2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

介绍下three.js:

three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过，这款引擎目前还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏）three.js的代码托管在github上面。

有兴趣的朋友可以学习下。

注意：3D动态白云背景效果只最新的chrome和firefox下有效，firefox下有点卡。IE和safari不支持。

效果图

查看示例

下载地址

分享题目：基于Html5的爱情主题网站–表白神器(第二版)
本文来源：http://sczitong.cn/article/ghcecg.html