我正在尝试自学如何编码(尤其是网站)。我对 html 和 css 有很好的了解,目前正在学习 js。但要知道我需要社区的帮助才能取得进步!
我想知道如何实现在每次鼠标移动时多次(按顺序)更改图像源的效果? 示例:http://next2nothi.ng/
经过几次搜索,我无法找到实现这一目标的良好解决方案......
预先感谢您的帮助!
最佳答案
尝试
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" >
关于javascript - 如何使用 jquery 更改鼠标移动时 div 中的图像源?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54767001/