Не маючи ніякого успіху з: наведіть курсор, використовуючи jquery або css - css, hover, mouseenter, mouseleave

Ніякий здається працювати право для мені. Починаючи з запиту:

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

Це призводить до того, що непрозорість зміщується вниз, але не відновлюється. Сторінка Jquerys наведення курсору говорить про те, щоб ввести та вилучити такі дії:

.hover (handlerIn (eventObject), handlerOut (eventObject))

тому, коли я роблю це, він просто дає мені обох анімацій на миші і знову на mouseout:

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

Так що я відмовився від цього і спробував миші / mouseleave комбо:

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


</script>

Він просто прилипає до анімації миші. Тому я спробував метод css:

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

Не робить роз'єм. : плечима плечима:

Відповіді:

Спробуйте передавати обробники наведення в окремих функціях, наприклад:

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

Я не використовую jQuery, але приклад CSS, який ви надали, чудово працює для мене. Я просто скопіював код з прикладу і міняв зображення з одним з моїх власних.

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

нм, я здаюся. Єдиний спосіб, яким я отримав події миші на роботу - це помістити його безпосередньо в елемент (onmouseup: onmousedown: etc ...). Я отримав: hover щоб працювати нарешті але theres ніякий шлях анімувати це без того, щоб вирізати ie9 та внизу, так thats у питанні. Принаймні theres рішення, ні завдяки jquery.