Javascript onmouseover更改img不工作

我有一小段代码，并为img标签实现了onmouseover，但似乎没有任何效果

<nav>
    <ul>
        <li><a href="#"><img src="images\video-1.png" class="video" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images\news-1.png" class="news" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images\logo-4.png" class="home" style="width:80px;height:80px;"
               onmouseover="this.src='images\logo-4-hover.png';"
               onmouseout="this.src='images\logo-4.png';"></a></li>
        <li><a href="#"><img src="images\games-1.png" class="games" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images\music-1.png" class="music" style="width:100px;height:50px;"></a></li>
    </ul>
</nav>

---

谢谢

将所有反斜杠改为正斜杠。JavaScript中的反斜杠是特殊字符

<nav>
    <ul>
        <li><a href="#"><img src="images/video-1.png" class="video" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/news-1.png" class="news" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/logo-4.png" class="home" style="width:80px;height:80px;"onmouseover="this.src='images/logo-4-hover.png';"
     onmouseout="this.src='images/logo-4.png';"></a></li>
        <li><a href="#"><img src="images/games-1.png" class="games" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/music-1.png" class="music" style="width:100px;height:50px;"></a></li>
    </ul>
</nav>

将所有反斜杠更改为正斜杠。JavaScript中的反斜杠是特殊字符

<nav>
    <ul>
        <li><a href="#"><img src="images/video-1.png" class="video" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/news-1.png" class="news" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/logo-4.png" class="home" style="width:80px;height:80px;"onmouseover="this.src='images/logo-4-hover.png';"
     onmouseout="this.src='images/logo-4.png';"></a></li>
        <li><a href="#"><img src="images/games-1.png" class="games" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/music-1.png" class="music" style="width:100px;height:50px;"></a></li>
    </ul>
</nav>

将所有反斜杠更改为正斜杠。JavaScript中的反斜杠是特殊字符

<nav>
    <ul>
        <li><a href="#"><img src="images/video-1.png" class="video" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/news-1.png" class="news" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/logo-4.png" class="home" style="width:80px;height:80px;"onmouseover="this.src='images/logo-4-hover.png';"
     onmouseout="this.src='images/logo-4.png';"></a></li>
        <li><a href="#"><img src="images/games-1.png" class="games" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/music-1.png" class="music" style="width:100px;height:50px;"></a></li>
    </ul>
</nav>

将所有反斜杠更改为正斜杠。JavaScript中的反斜杠是特殊字符

<nav>
    <ul>
        <li><a href="#"><img src="images/video-1.png" class="video" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/news-1.png" class="news" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/logo-4.png" class="home" style="width:80px;height:80px;"onmouseover="this.src='images/logo-4-hover.png';"
     onmouseout="this.src='images/logo-4.png';"></a></li>
        <li><a href="#"><img src="images/games-1.png" class="games" style="width:100px;height:50px;"></a></li>
        <li><a href="#"><img src="images/music-1.png" class="music" style="width:100px;height:50px;"></a></li>
    </ul>
</nav>

是否加载其余图像？如果是这样，您是否确认logo-4-hover.png位于同一文件夹中？加载所有图像，并且图像位于同一文件夹中？是否加载其余图像？如果是这样，您是否确认logo-4-hover.png位于同一文件夹中？加载所有图像，并且图像位于同一文件夹中？是否加载其余图像？如果是这样，您是否确认logo-4-hover.png位于同一文件夹中？加载所有图像，并且图像位于同一文件夹中？是否加载其余图像？如果是，您是否确认logo-4-hover.png位于同一文件夹中？加载所有图像，并且图像位于同一文件夹中