Question

我有一小段代码，并为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>

谢谢

Answer 1

将所有反斜杠更改为正斜杠。 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>

onmouseover改变img不工作

1 个答案: