css - 备用 可见性(鼠标悬停图像)

Question

我在这里遇到了一些麻烦。我想在鼠标悬停在 div 之后显示图像。

HTML:

<div id="testmouseover">
<img src="testmouseover.png">
</div>

CSS:

#testmouseover 
{ 
     left: -9px; 
     top: -9px; 
     position: absolute; 
     width: 865px;
     height: 653px;
     z-index:1;
} 

我有 4 个 div，它们应该显示不同的图像，那么如何为悬停添加 ID？有人可以帮我编写悬停的 CSS 代码吗？将不胜感激!

Answer 1

将 onmouseover() 事件附加到 div。你可以从w3schools中得到一些指点。 .

在 onmouseover 调用的函数中，更改 innerHTML 属性以获得所需的图像。

使用 jQuery 可以更快地实现这一点:

$("#divId").click(function(){
    $(this).html("Ur image html here")
});