最近研究了一下利用鼠标滚轮控制文字帧动画的效果,在此记录一下实现过程。
不多说,先看一下效果图:
滚动鼠标滚轮之后文字会渐渐显示再渐渐消失,当菜单下的progressbar满了的时候,就会触发换页动画跳转到“精彩壁纸”页面
本项目采用的单页模式,路由选用的jquery的crossroads路由,具体的路由设置我就不在此仔细介绍了,可以去我的git上查看源码。我这里主要讲述这个鼠标滚动帧动画的实现。
实现这个功能主要利用了ScrollMagic这个动画插件,需要引入如下的js文件:
<script src=