我进行了大量搜索,但这些解决方案都不适合我。
这是我的 JSFiddle:http://jsfiddle.net/HS3jh/
当您将鼠标悬停在标签 tab2
上时,我需要我的 ABOUTTAB
div 可见。
#ABOUTTAB {
position: absolute;
width: 218px;
height: 35px;
margin-top: -32px;
margin-left: 231px;
visibility: hidden;
}
请随意使用 CSS 或 Javascript,感谢您的帮助,如果需要,甚至可以随意修改 html。
最佳答案
您可以使用一些 jQuery 很容易地做到这一点。效果是
$('#tab2').hover(
function(){
$('#ABOUTTAB').show();
},
function(){
$('#ABOUTTAB').hide();
});
传递给 hover() 的第一个函数是 onMouseEnter 处理程序,第二个是 onMouseExit 处理程序。因此,当您悬停 tab2 时,会显示 ABOUTTAB,而当您取消悬停时,它会隐藏。将其作为 display:none
启动以隐藏它。
对 jQuery 做一些研究。这种 DOM 操作非常简单直观。
关于javascript - 如何使一个 div 出现在另一个 div 的悬停上(CSS 或 JavaScript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21635424/