javascript - Javascript对鼠标进入和鼠标离开的影响

Question

我对 javascript 等的效果非常陌生……但我能够编造一些东西。我做了一个褪色效果，但我更喜欢不褪色。我该如何修改它，所以我不使用淡入淡出，而只是在鼠标进入和鼠标离开时生效而不褪色。

这是我当前的代码

$(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（第一个）

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