javascript - 如何使用 jquery 更改鼠标移动时 div 中的图像源？

Question

我正在尝试自学如何编码(尤其是网站)。我对 html 和 css 有很好的了解，目前正在学习 js。但要知道我需要社区的帮助才能取得进步!

我想知道如何实现在每次鼠标移动时多次(按顺序)更改图像源的效果？示例:http://next2nothi.ng/

经过几次搜索，我无法找到实现这一目标的良好解决方案......

预先感谢您的帮助!

Answer 1

尝试

let list=[...Array(20)].map((x,i)=>`https://picsum.photos/150/150?image=${i}`);
let index=0;

document.addEventListener("mousemove", function(){
  document.getElementById("myImg").src = list[ ++index % list.length];  
});

<img id="myImg" width="150px" heigh="150px" >