jquery - 当一个 div 被 jquery css 移动时显示链接

Question

我想在用户将鼠标移到一个 div 上时显示两个链接，然后在用户离开 div 时隐藏它们，我这样做：这里是

    <div id="mydiv"  style="background-color : red;width:100px;height:100px;position: relative;" >
<div id="subdiv1" style="position: absolute;" >
<a href="#" style="color:red;" >link 1</a>
</br><a href="#" style="color:red;" >link 2</a>
</div>
<div id="subdiv2" style="width:60px;height:60px;background-color : blue;" ></div
</div>

但没有结果

我怎样才能做到这一点

谢谢

Answer 1

使用这个 JavaScript：

$('#subdiv1').hide();
$('#subdiv2').mouseover(function(){
    $('#subdiv1').show();
});
$('#subdiv2').mouseleave(function(){
    $('#subdiv1').hide();
});

Answer 2

你想要这样的东西吗？：

http://jsfiddle.net/c6AnE/6/

HTML：

<div id="one">
    <a href="#">#1 link</a>
    <a href="#">#2 link</a>
</div>
<div id="two">
</div>

查询：

$("#two").mouseenter(function(){
      $("#one").hide();
    });
$("#two").mouseleave(function(){
      $("#one").show();
    });

CSS：

#one {
    position:absolute;
    background-color:red;
    width:50px;
    height:50px;
}
#two {
    position:absoluite;
    margin-left:30px;
    background-color:blue;
    width:60px;
    height:60px;
}