这仅用于学习目的;我知道在这种情况下,CSS将是首选方法。
我知道在JavaScript中,您可以使用内联事件处理来悬停在图像上,例如:
“我知道你可以在你的网站中安装jQuery,并执行以下代码或类似代码:
HTML:”
jQuery:
我在想如何仅使用JavaScript生成该输出,而不是使用内联事件处理,并使用外部脚本。我已经尝试浏览了各种Stack Overflow和Google搜索结果,但大多数都是使用jQuery。将那个简单的内联JavaScript应用到外部脚本是否很复杂呢?
谢谢!
我知道在JavaScript中,您可以使用内联事件处理来悬停在图像上,例如:
<img src="image.png" onMouseover="src='image2.png'" onMouseout="src='image.png'">
“我知道你可以在你的网站中安装jQuery,并执行以下代码或类似代码:
HTML:”
<img src="image.png" id="image-hover">
jQuery:
$(document).ready(function() {
$( "#hover-example" ).mouseover(function(){
$(this).attr("src", "image-hover.png");
});
$( "#hover-example" ).mouseout(function(){
$(this).attr("src", "image.png");
});
});
我在想如何仅使用JavaScript生成该输出,而不是使用内联事件处理,并使用外部脚本。我已经尝试浏览了各种Stack Overflow和Google搜索结果,但大多数都是使用jQuery。将那个简单的内联JavaScript应用到外部脚本是否很复杂呢?
谢谢!