鼠标悬停在链接上时显示div

Question

如果我鼠标悬停在链接上,它必须显示div.

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

如何使用javascript做到这一点？

Answer 1

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

这是一个演示

标记

<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了链接事件的使用.