在mouseover上显示元素并将其隐藏在mouseout上

这应该可以完成以下工作:

$("#v1").hover(function() 
{
    $("#vc1").fadeIn("slow");
}, function( )
{
    $("#vc1").fadeOut("slow");
});

及htt://api.jquery.com 这是一个很好的资源,可以帮助很多在未来。

    $("#v1")
      .mouseover(function() {
        $("#vc1").fadeIn("slow"); 
      })
      .mouseout(function() {
        $("#vc1").fadeOut("slow");
      });

mouseenter mouseleave

    $("#v1")
      .hover(
          function() {
              $("#vc1").fadeIn("slow"); 
          },
          function() {
              $("#vc1").fadeOut("slow");
      });

区别在于 mouseover 和 mouseout 将在移动到事件处理程序所附加的元素的子元素时激发,而 滑鼠 滑鼠 a、 k.a。 hover 不会。如果要附加到的元素没有子元素,则这可能不是问题。

mouseout 连同 mouseover (或使用 mouseenter mouseleave 相反,这取决于当鼠标处于 #v1 ).

您可以使用悬停功能。

  $("#v1").hover(function(){
    $("#vc1").fadeIn("slow");

   }, function(){
     $("#vc1").fadeOut("slow");

    });