我正在尝试创建一个类似于this的投资组合网站，当您将鼠标悬停在其上时会发生变化的整页图片网格 ... {{3 }}）
目前我有一个粗略的解决方案，如下所示：
<img src="1.png" id="img" swap="2.png"/>
// then in JS...
$("#img").hover(function(){
var _this = $(this);
var current = _this.attr("src");
var swap = _this.attr("swap");
_this.attr('src',swap).attr('swap',current);
}); //
another example, the third screen!
但这不是一个非常可扩展的解决方案，除了拥有1000个图像，每个图像都有自己唯一的ID，因此可以切换src，我不知道该怎么做 - 加上我不知道这将如何对不同的显示尺寸/屏幕截止做出反应。虽然CSS中的背景图像非常好，但它不允许交互...除非你有一个JS脚本跟踪光标位置（？）
!!这是我的第一个项目，任何帮助都会受到赞赏:)（Codecademy是一个非常庇护的学习环境........）