将鼠标悬停在帆布的多个图像中的1张图像上

Question

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

这就是问题所在：

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

- 我希望当我在2张图片中的1张中悬停时，这种变化（在这种情况下是变色）。

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

这是我的悬停：

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

这是我悬停和悬停时的屏幕：

我在这里按照教程：

http://www.storminthecastle.com/2013/04/06/how-you-can-do-cool-image-effects-using-html5-canvas/

我是自卸车，请帮帮我！

感谢阅读。 ：）

Answer 1

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

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

祝你好运！