将鼠标悬停在java脚本中div中的文本显示图像上答案

【问题标题】：put a mouseover on text display image in div in java script将鼠标悬停在java脚本中div中的文本显示图像上
【发布时间】：2013-04-02 09:04:10
【问题描述】：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">

     function show1() {
            document.getElementById("img1").display = 'block';
     }
     function hide1() {
            document.getElementById("img1").display = 'none';
        }

</script>
</head>
<body>
<a href="http://www.feverpitchholidays.com/corporate-team-outing-lnt/"><span onMouseOver="show1()" onMouseOut="hide1()">Corporate Team Outing - LNT</span></a>

<div id="img1" style="display:none">
    <img src="" alt="image 1" />
    <img src="" alt="image 2" />
</div>
</body>
</html>

我希望当您将鼠标放在文本上时，它会在 div 中显示图像，我正在尝试这样做，但它不起作用。

【问题讨论】：

标签： image mouseover

【解决方案1】：

忘记这个 javascript！ CSS就是答案。在 ID:img1 和 div 内的图像上放置一个悬停状态（如果你不做后者，鼠标悬停在图像上会取消 div 鼠标悬停。所以它看起来像这样（不是内联样式，因为鼠标悬停声明）：

#img1 {
  Background-image: none;
}

#img1:hover, img1:hover img {
  Background-image: url(your URL);
}

您可以将 ID 更改为类，以便 CSS 可以重复使用并保留 ID 用于编码（javascript 等）

【讨论】：

但我想使用 java 脚本，这是一个要求，所以请帮助我编写 java 脚本代码
其实我在看java脚本所以请告诉我java脚本我会怎么做。