html5之动态网页练习

github地址：https://github.com/CassielLee/html5Website.git

最近两天，利用html5、css、和JS做了一个简单的动态网页，网页一共分为5个页面，每一个页面都有不同的动画效果，此外还有开机动画及背景音乐。
第一屏：主要是图片的3D无缝轮播效果
第二屏：照片墙，右边每一个图标都可以反转，且背面有相应的文字；
第三屏：机器人动画
第四屏：图片特效，当鼠标移到图片上时，上层的图片会分裂成四块，并按逆时针方向旋转出画，露出下层的图；
第五屏：当鼠标移动到人物图标上时，相应的任务会出现起泡效果；
结果只能展示静态效果，动态效果没办法展示，不过有兴趣的同学可以去我的github下载代码，相关的素材和每一页的参数都在文件中。
本次练习的不足之处： 
1、没有使用预处理语言编写css，css太麻烦，结构不明了，我已经尽量写的整洁一点，注释也很详细，但是写到后面定位还是很麻烦，因此决定以后都是用less编写css； 
2、JS代码写在一个文件里面，不宜维护且混乱，以后一定要注意模块化；
 
               
         
               
  

效果展示：