调试易

$("#imgLeave").hover(function(e) {
                $("#divDetails").css("top", e.pageY).css("left", e.pageX).show("slow");
            },function() {
                $("#divDetails").hide();
            });

hover 和mouseover 效果一样

注意mouseleave边界问题、
    

我觉得这个应该是鼠标移动到了层上引起的你可以在写个$("#divDetails").mouseleave(function () {
            $("#divDetails").hide();
        });

  
LZ，你将脚本改成这样试试。  
<script type="text/javascript">
      $("#imgLeave").mousemove(function(e) {
                if(e.currentTarget==this)  //鼠标移动时判断鼠标的当前目标是否是imgLeave
                {
                  $("#divDetails").css("top", e.pageY).css("left", e.pageX).show("fast");
                }
                else
                {
                  $("#divDetails").hide();
                }
            });            $("#imgLeave").mouseleave(function() {
                $("#divDetails").hide();
            });
            
            //防止鼠标在imgLeave边界时，将鼠标移动到 divDetails上并离开图片区域时无法隐藏 divDetails
             $("#divDetails").mouseleave(function() {
                 $("#divDetails").hide();
            }); 
    </script> 

         var detail = $("#divDetails");
         $("#imgLeave").mousemove(function(e) {
                detail.css("top", e.pageY).css("left", e.pageX);
            }).hover(function(){
detail.show('slow');
}, function(){
detail.hide();
});