鼠标进入和鼠标离开时的Javascript效果

Question

我对javascript etc...but的特效非常陌生，我可以编造一些东西。我做了一个淡入淡出的效果，但我更喜欢没有淡出的效果。我如何修改它，使我不使用淡入淡出，只对鼠标进入和鼠标离开没有淡入淡出效果。

这是我当前的代码

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

})

Answer 1

我猜你想要删除持续时间，这样不透明度就会立即改变。http://api.jquery.com/fadeTo/只需将0设为'duration‘参数(第一个)

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