javascript - 使用多个 ID 和类的 jQuery 翻转

Question

我正在构建一个照片库，我想做的是当用户滚动图像时(假设为了这个问题的目的，它是一张苹果的图片)，所有其他图像页面上的苹果也显示它们的“结束”状态。

我们将不胜感激任何帮助，并提前感谢您抽出宝贵时间!

Answer 1

您可以将图像的“类型”添加为一个类。例如，一个苹果将是:

<img src='' class='apple fruit red' />

您可以根据需要设置任意多个以空格分隔的类。

然后添加以下处理程序:

$(".apple").mouseover(function() {
   $(".apple").addClass("overState");
});

您需要在 CSS 中定义 overState。在鼠标移出时，您必须删除该类。