鼠标悬停在鼠标上

Question

我如何编写一个使用getElementById将该图像中的图片更改为新图片的函数（picture2.jpg）。然后第二个功能，将该图像中的图片更改回第一张图片（picture1.jpg）。然后我如何修改页面上的图像，以便当你将鼠标放在它上面时？

我至少朝着正确的方向前进了吗？

函数getpic var pic =（“picture2.jpg） { 如果onmouseover（picture2.jpg）

否则如果onmouseout（picture1.jpg） }

Answer 1

这是一个如何做到这一点的例子：

var link = document.getElementById('img');

function chngImg(){
  link.src = "http://placekitten.com.s3.amazonaws.com/homepage-samples/200/287.jpg";
  }

function chngImg2(){
  link.src = "http://placekitten.com/g/200/300"
  }

<img id="img" onmouseover="chngImg()" onmouseout="chngImg2()" src="http://placekitten.com/g/200/300"/>

如果您需要解释，请告诉我。我希望这有帮助！