Question

js鼠标经过改变背景图图片位置执行帧动画 ?

https://et.aliyun.com/index?spm=5176.8030368.1146454.18.133d7e0e1oSwGD这个是阿里云里面看到的鼠标经过帧动画，但不知道怎么写的，
js帧动画 改变背景图片位置 代码地址 codepen.io/aiden666/pen/xarKMW

Answer 1

1. 那5个框 是5个div 捕捉div获得鼠标移动事件

2. 每个div里面有个小的div用来显示图片

3. 当鼠标移动 这里通过算法显示背景图片 背景图片就一张通过

   url(https://img.alicdn.com/tfs/TB1PZB0fyqAXuNjy1XdXXaYcVXa-100-1500.png) center 0px / 100% no-repeat ;里面的0PX来控制图片显示的东西 0-1400之间图片一直在换高度 就蒙蔽你的眼睛让你看起来像动画
   

4. 上面的图片就是你看到的背景图在切换

5. 有了思路写起了很简单 就是想不到这个思路

追问

网页链接

Answer 2

• 那5个框 是5个div 捕捉div获得鼠标移动事件

• 每个div里面有个小的div用来显示图片

• 当鼠标移动 这里通过算法显示背景图片 背景图片就一张通过

  url(https://img.alicdn.com/tfs/TB1PZB0fyqAXuNjy1XdXXaYcVXa-100-1500.png)
  center 0px / 100% no-repeat ;里面的0PX来控制图片显示的东西 0-1400之间图片一直在换高度
  就蒙蔽你的眼睛让你看起来像动画