JS - событие при наведении курсора на объект

[Eridani]

Доброго всем.

Сразу скажу, прошу помидорами не кидать, с js дружу пару дней.

 

Я сделал, что бы при наведении курсора на span  в панели навигации, у "кнопки"  позади появлялся бэкграунд, а-ля гласящий о том, что выбор стоит на этой ссылке. Но, как сделать fadeout у этого бэкграунда, когда курсор мышки покидает данную кнопку - не пойму.

 

Вот пример, прошу простить, размеры и позицию для примера не соблюдал, наглядности ради:

 

http://jsfiddle.net/H5zZB/28/

[wwt]

blur()

fadeOut

[Eridani]

blur()

fadeOut

Там фейд аут идет через клик, а как прописать, что бы он происходил, когда курсор мыши покидает обьект?

[Padonak]

onmouseleave

[Быколай]

:focus же!

:hover то есть!

Edited February 17, 2014 by Быколай

[Great Rash]

$('element').hover(function() {

  // обработчик наведения мыши

}, function() {

  // обработчик отведения мыши

});

[Артём Козин]

$('span').on('mouseover', function(){

$(this).fadeIn();//действие, когда курсор находится на объекте

}); 

 

 

$('span').on('mouseout', function(){

$(this).fadeOut(); //действие, когда курсор покидает объект

});

Edited March 20, 2014 by Артём Козин