javascript - 如何调整此 javascript 代码，以便在鼠标悬停在元素上时激事件画？

Question

所以我使用 Justin Aguilar 的 CSS3 Animation Cheat Sheet 中的代码在我将鼠标悬停在按钮上时激活按钮上的动画:

<div id="object" class="pulse">
<script>
$('#animatedElement').hover(function() {
    $(this).addClass("pulse");
});
</script>

问题是即使我不再将鼠标悬停在按钮上，动画也会继续。每次用户将鼠标悬停在按钮上时，我该怎么做才能使按钮动画，但当他们将鼠标移开时停止？每当我尝试用任何涉及 .stop 的东西来调整它时，它只会阻止动画播放。

我是编码新手，今天这是一个巨大的痛苦，所以非常感谢任何帮助!谢谢!

Answer 1

您根本不需要 JavaScript。使用 CSS 选择器。 #animatedElement:悬停在你的情况下。