Продолжает исчезать после наведения указателя мыши
Я пытаюсь раствориться в
при наведении указателя мыши и исчезать при наведении указателя мыши:
$("p.follow").mouseover(function(){
$(this).fadeTo("slow", 1.00);
})
$("p.follow").mouseout(function(){
$(this).fadeTo("fast", 0.50);
})
Если вы зайдете на ryancoughlin.com и с правой стороны, если вы пройдете по нему, вы увидите, что я имею в виду, это почти как если бы он застрял и продолжает исчезать.
Есть идеи?
Ответы 3
Попробуй это:
$("p.follow").hover(function()
{
$(this).stop().fadeTo("slow", 1.00);
},
function()
{
$(this).stop().fadeTo("fast", 0.50);
});
Два ключевых отличия: я использую событие jQuery hover, чтобы связать обработчики событий mouseover и mouseout, чтобы дочерние элементы не приводили к запутанному поведению, и я использую функцию stop() для предотвращения перекрытия и отмены анимации друг друга.
Событие mouseover запускается каждый раз, когда ваша мышь перемещается по элементу. Поскольку эффекты выполняются последовательно, а наведение курсора мыши запускается довольно часто, вы получаете множество эффектов, которые должны выполняться «медленно».
Вероятно, вам нужно событие наведения курсора, которое выполняется только один раз для каждой записи.
Возможно, стоит посмотреть на плагин парящий, он в основном использует небольшой setTimeout, чтобы он не активировался, если вместо этого пользователь быстро перемещает мышь по элементу. Легко запрограммировать самостоятельно, но стоит взглянуть.