为什么不'当我用JavaScript更改类时,CSS没有动画

Why doesn't the CSS animate when I change the class with JavaScript?

本文关键字:CSS 动画 JavaScript 为什么不      更新时间:2024-06-02

我使用的是从这里下载的Daniel Eden的Animate.css。我可以在我的网站上制作动画,只需在我想要制作动画的项目上使用animated (typeOfAnimation)类。

这是我的HTML:

<button onmouseover = "makeEnglishPulse()" id = "english" class = "animated bounceInRight">// English</button>

这是我的JavaScript:

function makeEnglishPulse() {
    document.getElementById("english").class = "animated pulse";
}

当我加载网站时,我的按钮确实会弹出,但为什么当我用鼠标浏览时,即使我正在更改类,它也不会跳动?

对于任何解决方案,我只想留在JavaScriptHTML

谢谢!

要设置的属性是.className,而不是.class
function makeEnglishPulse() {
    document.getElementById("english").className = "animated pulse";
}