我根据需求单独开发的一个智能建站活动任务。
1、封面页：由于机器人文字有三行，所以需要将文字从下向上平滑得循环播放（手机版也需要同样效果）。
解决办法：平滑循环滚动的参考：http://www.lanrentuku.com/js/scroll-139.html#。
2、封面页：pcpadphone设备的响应式动画重构。
解决办法：之前使用的是固定pcpadphone盒子的宽高，根据在不同设备屏幕尺寸下用css的@media来写不同的宽高，这样太过于麻烦，且响应式效果很不好。所以改成了使用百分比定pcpadphone盒子的宽度，再使用paddingTop和计算合适的宽高比例来编写样式代码，精简代码且响应式效果很好。模板页的pcphone效果是单独写的，也用的这个方法。
3、所有阴影样式不真实，需修改：阴影样式修改。
解决办法：使用的是css3的filter模糊方法更真实，没有使用box-shadow样式。