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

因此，我将鼠标悬停在Justin Aguilar的CSS3动画备忘单上的以下代码来激活按钮上的动画：

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

问题是，即使我不再将鼠标悬停在按钮上，动画也将继续播放。每当用户将鼠标悬停在按钮上方时，该怎么做才能使其具有动画效果，而当用户将鼠标移开时会停止动画？每当我尝试使用.stop进行任何调整时，它都根本无法播放动画。

我是编码的新手，今天这是一个很大的痛苦，因此，非常感谢您的帮助！谢谢！

最佳答案

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

关于javascript - 如何调整此javascript代码，以便每当鼠标悬停在元素上时激事件画？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46106131/