показывая элемент на mouseover и скрывая его на mouseout

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 aka hover не будет. Это не может быть проблемой, если элемент, к которому вы прикреплены, не имеет дочерних элементов.

Answer 2

Вы можете использовать mouseout вместе с mouseover (или использовать mouseenter и mouseleave вместо этого, в зависимости от того, какое поведение вы хотите, когда мышь находится у ребенка #v1).

Answer 3

Это должно сделать работу:

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

И HTT: //api.jquery.com это хороший ресурс, который может помочь много в будущем.

Answer 4

Вы можете использовать функцию наведения.

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

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

    });