Не повезло с: hover, с jquery или css

Question

Кажется, что у меня не работает. Начиная с запроса:

<script> 
$(function() { 
$("#button1").hover(function() { 
$("#button1").animate({opacity: 0.5}, 500); 
}); 
}); 
</script> 

Это приводит к тому, что непрозрачность сдвигается вниз, но она не возобновляется на мышеловке. Jquerys парить страница говорит положить в и из действия так:

.hover (handlerIn (объектСобытия), handlerOut (объектСобытия))

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

<script> 
$(function() { 
$("#button1").hover(function() { 
$("#button1").animate({opacity: 0.5}, 500), 
    $("#button1").animate({opacity: 1}, 500); 
}); 
}); 
</script> 

Так я отказался от этого и пытался MouseEnter/MouseLeave комбо:

<script> 
$(function() { 
$("#button1").mouseenter(function() { 
$("#button1").animate({opacity: 0.5}, 500); 
}); 
("#button1").mouseleave(function() { 
$("#button1").animate({opacity: 1}, 500); 
}); 
}); 


</script> 

Это просто прилипает на MouseEnter анимации. Поэтому я попробовал метод css:

<style> 
a:hover { 
opacity: 0.5; 
} 
</style> 
<div> 
<a id="button1" ><img src="Assets/button.png"></a> 
</div> 

Не делает домкрат. : Пожимают плечами:

Answer 1

нм, я сдаюсь. Единственный способ, с помощью которого ive получил работу мыши, - установить его непосредственно внутри элемента (onmouseup: onmousedown: и т. Д.). Я действительно получил: зависание, чтобы работать наконец, но нет никакого способа оживить его, не вырезая ie9 и ниже, так что это не может быть и речи. По крайней мере, это решение, не благодаря jQuery.

Answer 2

Попробуйте переходящая в обработчиках зависать в отдельных функций, например:

$(function() { 
    $("#button1").hover(function() { 
     $("#button1").animate({ 
      opacity: 0.5 
     }, 500); 
    }, function() { 
     $("#button1").animate({ 
      opacity: 1 
     }, 500) 
    }); 
});​ 

Answer 3

Я не использую JQuery, но пример CSS вы предоставили работает отлично для меня. Я просто скопировал код из примера и поменял изображение одним из своих.

Проверьте, поддерживает ли ваш браузер (его версия) непрозрачность. Я использую Firefox 12.0