Question

document.getElementById("both-gif").onmouseover=function() {MouseOver()};

document.getElementById("both-gif").onmouseout=function() {MouseOut()};



function MouseOver() {
  document.getElementById("both-gif").addClass("animated bounce")
}

function MouseOut() {
  document.getElementById("both-gif").removeClass("animated bounce")
}

我试图让我的gif-image反弹，它有id“both-gif”。我做错了什么？

Answer 1

document.getElementById("both-gif").addClass("animated bounce")

这里addClass是一个jQuery函数。它不适用于JavaScript。

你不能用document.getElementById链接jQuery函数您需要将其更改为

document.getElementById("both-gif").classList.add("animated","bounce")

也是这一行

document.getElementById("both-gif").removeClass("animated bounce")

到

document.getElementById("both-gif").classList.remove("animated","bounce")

鼠标悬停事件上的动画不起作用

1 个答案: