使用javascript函数切换图像位置

我有两张名为sun.jpg和moon.jpg的图片，我需要帮助完成这项任务

•当鼠标位于任一图像上时，使用功能交换图像的位置。（在onmouseover事件处理程序中为两个图像调用相同的函数。该函数将在适当的位置加载图像。）

•当鼠标移离图像时，将图像切换回其原始位置（您可以使用相同的功能并通过参数传递不同的值。此功能将加载两个原始图像。）

功能鼠标指针（MyImage）{
MyImage.src=“Rollover\u Images/moon.jpg”；
} 
函数MouseOut（MyImage）{MyImage.src=“Rollover\u Images/sun.jpg”；}

这就是您想要的：

<img id="img1" src="http://placehold.it/300x300" onMouseOver="doFlip(true)" onMouseOut="doFlip(false)">
<img id="img2" src="http://placehold.it/200x200" onMouseOver="doFlip(true)" onMouseOut="doFlip(false)">
<script>
    var img1 = document.getElementById("img1");
    var img2 = document.getElementById("img2");
    var img1path = "http://placehold.it/300x300";
    var img2path = "http://placehold.it/200x200";
    function doFlip(isOn) {
        if (isOn) {
            img1.src = img2path;
            img2.src = img1path;
        } else {
            img1.src = img1path;
            img2.src = img2path;
        }
    }
</script>

var img1=document.getElementById（“img1”）；
var img2=document.getElementById（“img2”）；
变量img1path=”http://placehold.it/300x300";
var img2path=”http://placehold.it/200x200";
函数doFlip（isOn）{
国际单项体育联合会{
img1.src=img2path；
img2.src=img1path；
}否则{
img1.src=img1path；
img2.src=img2path；
}
}

---

请参阅fiddle:

写下您迄今为止尝试过的函数MouseRollover（MyImage）{MyImage.src=“Rollover\u Images/moon.jpg”}函数MouseOut（MyImage）{MyImage.src=“Rollover\u Images/sun.jpg”}这是当我将鼠标分别放在每个图片上时切换图片，但我的任务是当一个鼠标移到另一个上面时，两个都需要交换Java函数？我复制了这个函数，当然放置了正确的图像路径，现在它们显示出来了，但它们根本没有翻转。你在所有位置都更新了图像路径吗？有4个地方需要更新，2个在HTML中，2个在JavaScript中（img1path=…和img2path=…）。正如你在小提琴上看到的那样，它起作用了。理想情况下，您可以稍微修改一些内容，这样就不会有重复的图像路径，但这将是您自己做的家庭作业的一部分。：）

<img id="img1" src="http://placehold.it/300x300" onMouseOver="doFlip(true)" onMouseOut="doFlip(false)">
<img id="img2" src="http://placehold.it/200x200" onMouseOver="doFlip(true)" onMouseOut="doFlip(false)">
<script>
    var img1 = document.getElementById("img1");
    var img2 = document.getElementById("img2");
    var img1path = "http://placehold.it/300x300";
    var img2path = "http://placehold.it/200x200";
    function doFlip(isOn) {
        if (isOn) {
            img1.src = img2path;
            img2.src = img1path;
        } else {
            img1.src = img1path;
            img2.src = img2path;
        }
    }
</script>