项目概述: 好未来是一个以教育、课外指导为主的科技教育公司。该网站有非常多的动画交互效果,几乎每一块内容都有入场出场的动画;教育科技模块大量使用了css3的动画和HTML5的canvas,替代了flash动画,大大提高了网页的运行效率;新闻中心模块使用Ajax调用json数据,点击某个标题调用相对应的数据,否则展示默认的数据。
技术栈: JavaScript jQuery canvas swiper scrollReveal.js countUp.js Bubble.js three.js
我的职责:主要负责教育科技模块,使用HTML5和css实现页面布局;使用css3制作酷炫的页面效果,并解决浏览器的兼容性问题;利用scrollReveal.js 为页面注入滚屏动画,让页面更加有趣,更加吸引用户眼球;运用canvas绘制“ 脑科学实验室 ”部分的动态背景;完成后续的修改及维护。