Question

我有这个小脚本，当它被鼠标悬停时显示img的标题。

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

如何在图标#vc1未被鼠标悬停时将图标#v1淡出，以便我对此进行扩展？

Answer 1

    $("#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将会触发，而mouseenter和mouseleave又名hover不会。如果你所附着的元素没有孩子，这可能不是问题。

Answer 2

这应该做的工作：

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

htt：//api.jquery.com是一个很好的资源，可以在将来帮助很多。

Answer 3

您可以将mouseout与mouseover一起使用（或使用mouseenter和mouseleave，具体取决于当鼠标位于{{}的子项时您想要的行为1}}）。

Answer 4

您可以使用悬停功能。

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

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

    });

在鼠标悬停上显示一个元素并将其隐藏在mouseout上

4 个答案: