Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
为什么';当我用JavaScript更改类时,CSS不会动画化吗?_Javascript_Html_Css_Animation - Fatal编程技术网

为什么';当我用JavaScript更改类时,CSS不会动画化吗?

为什么';当我用JavaScript更改类时,CSS不会动画化吗?,javascript,html,css,animation,Javascript,Html,Css,Animation,我正在使用Daniel Eden的Animate.css,我从下载的。我可以在我的网站上通过使用animated(typeOfAnimation)类对我想要设置动画的项目设置动画 这是我的HTML: <button onmouseover = "makeEnglishPulse()" id = "english" class = "animated bounceInRight">// English</button> 当我加载我的网站时,我的按钮会弹起,但为什么即使我正

我正在使用Daniel Eden的Animate.css,我从下载的。我可以在我的网站上通过使用
animated(typeOfAnimation)
类对我想要设置动画的项目设置动画

这是我的
HTML

<button onmouseover = "makeEnglishPulse()" id = "english" class = "animated bounceInRight">// English</button>
当我加载我的网站时,我的按钮会弹起,但为什么即使我正在改变课程,当我用鼠标移动时,它也不会跳动呢

对于任何解决方案,我只想留下
JavaScript
HTML
,请


谢谢

要设置的属性是
.className
,而不是
.class

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

哇,非常感谢!我简直不敢相信我没有弄明白这一点。@TheMan,这并不十分明显:)单词“class”在JavaScript中一直是一个保留词,因此使用替代词是必要的。
function makeEnglishPulse() {
    document.getElementById("english").className = "animated pulse";
}