Question

Soory如果我没有向你显示所有代码，因为我不确定如何实现它，我试图做的是假设这是一张图片：

  #photo{ width:100px;height:120px;}
  <div id="photo"><img src="myphoto.jpg"/></div>

我编辑了照片框：

   #edit{width:60px;height:30px;background:#000000;color:#ffffff}
  <div id="edit">edit it</div>

当我悬停图像时，我想在图像的右上角显示编辑照片框，当光标移出图像时，它将消失。

所以我假设使用以下

     $("#photo img").hover(function() {
    $("#edit").fadein();
 }, function() {
    $("#edit").hide();
    });

任何人都可以帮助我，非常感谢！

Answer 1

基本上就是这样。您还需要（a）在样式表中使用display:none隐藏#edit元素，（b）将fadein更改为fadeIn（大写I），并且可能（c）位置#edit元素绝对位于#photo div内部，因此当页面出现并消失时它不会重排页面。

更新：哦，以及（d）将鼠标悬停在#edit元素上，以便将鼠标移到它上面不会将鼠标注册为图像的鼠标移出：

$("#edit").mouseover(function() {
  $(this).show();
});