鼠标悬停和鼠标出出

On mouse over and on mouse out

本文关键字：鼠标 悬停      更新时间：2023-09-26

如何编写一个函数，该函数使用 getElementById 将该图像中的图片更改为新图片（图片 2.jpg）。 然后是第二个函数，将该图像中的图片更改回第一张图片（图片 1.jpg）。然后，如何修改页面上的图像，以便在将鼠标移到该图像上时？

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

函数获取图片var pic = （"picture2.jpg）{如果鼠标悬停（图2.jpg）

否则，如果鼠标输出（图1.jpg）}

下面是如何执行此操作的示例：

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"/>

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

相关文章：