我正在尝试制作一个 div,您可以将鼠标悬停在该 div 上,然后会出现另一个。这是我目前所拥有的...
html
<div id="buttons">
<div id="box"></div>
<div id="content">content here</div>
</div>
CSS
#box {
position:absolute;
width: 10vw;
height: 10vw;
background-color: blue;
}
#content {
position:absolute;
width: 10vw;
height: 10vw;
background-color: red;
visibility: hidden;
}
jquery
$( "box" )
.mouseover(function() {
$( "content").style.visibility( "visible" );
})
非常感谢您的任何帮助。谢谢!
最佳答案
你可以使用:
('#box').hover(
function () {
$('#content').show(); //or css('visibility','visible');
},
function () {
$('#content').hide(); //or css('visibility','hidden');
}
);
这将显示/隐藏 div。你错过了“#”
关于javascript - 在鼠标输入时显示不同的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36320512/