javascript - 当鼠标悬停在链接上时显示一个 div

Question

如果我将鼠标悬停在链接上，它必须显示 div。

我的问题是我必须在页面内的所有链接中显示 div。对于每个链接，我必须显示不同的 div。

如何使用 javascript 执行此操作？

Answer 1

因为，您的问题没有具体说明任何内容。我会给出一个最简单的解决方案。也就是说，使用纯 CSS，不需要 JS。

这是一个demo

标记

<a href="#">
    Some
    <div class="toshow">
        Hello
    </div>
</a>
<a href="#">
    None
    <div class="toshow">
        Hi
    </div>
</a>

CSS

.toshow { 
    display:none; 
    position: absolute; 
    background: #f00; 
    width: 200px; 
}
a:hover div.toshow { 
    display:block; 
}

你不应该尽可能地依赖脚本。这是一个非常简单的例子，显示链接的:hover事件的使用。