鼠标悬停改变不工作

onmouseover change img not working

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

我有一小段代码，并为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>
相关文章：