gpt4 book ai didi

javascript - 在悬停时更改图像 Javascript

转载 作者:行者123 更新时间:2023-11-30 17:03:51 25 4
gpt4 key购买 nike

我进行了研究并研究了很多东西,但没有一个对我有用。这是我目前的代码。原始图像显示正常,但悬停时没有任何反应。

Javascript(在 <head> 中)

<script>
function onHover()
{
$("#news").attr('src', 'img/newsHover.png');
}

function offHover()
{
$("#news").attr('src', 'img/news.png');
}
</script>

HTML

<img id="news" onmouseover="onHover();" onmouseout="offHover();" height="100px" width="100px" src="img/news.png"></a>

最佳答案

纯java脚本答案,不需要任何外部函数或jquery

<img id="news" onmouseover="this.src='img/newsHover.png'" onmouseout="this.src='img/news.png'" height="100px" width="100px" src="img/news.png"> 

关于javascript - 在悬停时更改图像 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28398273/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com