0 
<!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 中显示图像，我试图这样做，但它不起作用。

4

1 回答 1

0

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

#img1 {
  Background-image: none;
}

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

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

于 2013-04-02T09:40:03.583 回答