Javascript对鼠标进入和鼠标离开的影响答案

【问题标题】：Javascript effects on mouse enter and mouse leaveJavascript对鼠标进入和鼠标离开的影响
【发布时间】：2013-06-19 18:33:07
【问题描述】：

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

这是我当前的代码

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

})

【问题讨论】：

你能用 CSS :hover 样式完成同样的事情吗？

标签： javascript function mouseleave mouseenter

【解决方案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);
    });
})

【讨论】：