新手一枚,发现最近蛮流行鼠标整屏幕滚动作为基础的交互效果。
还不会用框架- -尝试着用JS+CSS写了
希望大家多多指点
需求:
当用户每滑动一次鼠标时,屏幕相应的向上/下/左/右 移动一个屏幕大小
以及每一屏都会有相应的动画
表达能力不好 希望大家能看得懂我在说啥- -
思路:
当用户还没有浏览到某一屏时,该屏幕不会出现动画效果。
当滑动到该屏时,可以通过增加/删除类来实现。
实现:
1.引入jquery.mousewheel.js文件
2.JS代码
var num = 0;