Эффекты Javascript при входе и выходе мыши

Я очень плохо знаком с эффектами javascript и т. д., но я смог кое-что придумать. Я сделал эффект затухания, но предпочитаю делать это без затухания. Как я могу изменить это, чтобы я не использовал затухание и просто давал эффект при вводе мыши и уходе мыши без затухания.

Это мой текущий код

$(document).ready(function () {
$(".teamImage").fadeTo(20, 0.8);
$(".teamImage").mouseleave(function () {
    $(this).fadeTo(800, 0.8);
});
$(".teamImage").mouseenter(function () {
    $(this).fadeTo(320, 1);
});

})


javascript function mouseenter mouseleave
person BuyMy Bet    schedule 19.06.2013    source источник
comment
Могли бы вы сделать то же самое с помощью стиля CSS :hover?   -  person Jeremy Gallant    schedule 19.06.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я думаю, вы хотите удалить продолжительность, чтобы непрозрачность менялась мгновенно. http://api.jquery.com/fadeTo/ Просто сделайте 0 аргументом "длительность" ( первый )

$(document).ready(function () {
    $(".teamImage")
    .fadeTo(0, 0.8)
    .mouseleave(function () {
        $(this).fadeTo(0, 0.8);
    })
    .mouseenter(function () {
        $(this).fadeTo(0, 1);
    });
})
person AntouanK    schedule 19.06.2013