javascript - 悬停在画布的多幅图像中的 1 个图像上

Question

我正在尝试在画布中使用悬停来编写演示。

这就是问题：

- 我有 1 个画布，其中有 2 个图像。

- 当我将鼠标悬停在 2 个图像中的 1 个时，我想要这种变化（在这种情况下是改变颜色）。

但是当我将所有画布更改悬停时。我的画布有 1 个 ID，所以我不知道该怎么做。

这是我的悬停：

 $("#after_image").hover(function() {
        setFilter(red);
    }, function() {
        setFilter(grayscale);
    });

这是我不悬停和悬停时的屏幕：在此处输入图像描述

在此处输入图像描述

我按照这里的教程进行操作：

我是垃圾车，请帮帮我！

感谢阅读。:)

score 1 · Accepted Answer

这就是它应该是“#after_image”包含这两个图像的方式。为其他图像创建新的画布元素，一旦为它们添加悬停事件，您就可以开始使用了。

甚至可以添加一个类而不是 ID 并使用 $(this)

祝你好运！

1 回答 1