为什么不'当我用JavaScript更改类时,CSS没有动画
Why doesn't the CSS animate when I change the class with JavaScript?
我使用的是从这里下载的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";
}
当我加载网站时,我的按钮确实会弹出,但为什么当我用鼠标浏览时,即使我正在更改类,它也不会跳动?
对于任何解决方案,我只想留在JavaScript
或HTML
!
谢谢!
.className
,而不是.class
。
function makeEnglishPulse() {
document.getElementById("english").className = "animated pulse";
}
相关文章:
- 如何使用css动画/javascript使具有背景图像的元素出现
- 如何使用css动画从中心增加边界线
- 点击CSS动画
- 只在滚动时播放循环css动画-滚动停止时停止
- CSS动画暂停并使用javascript播放
- 使用javascript可以设置css动画的当前百分比
- 使用Jquery和'的CSS动画;.css'
- CSS动画背景图像的过渡越来越暗
- 单击css动画后丢失的事件
- CSS动画-显示和隐藏面板
- 更改javascript中的css动画
- Css动画-setTimeout没有't应用打断动画的更改
- firefox中的CSS动画不起作用
- 如何只有点击时才有CSS动画,而不是页面加载
- css动画和jquery.load()在移动设备上断断续续
- 如何在 CSS 动画遇到屏幕边缘时停止它
- CSS 动画将恢复为原始状态
- 通过javascript触发CSS动画
- CSS 动画在元素隐藏时暂停
- CSS 动画中的非动画帧序列