鼠标输入和鼠标离开的Javascript效果

时间:2013-06-19 18:33:08

标签: javascript function mouseleave mouseenter

我对javascript等的效果很新...但我能够做出一些东西。我做了一个褪色效果,但我更喜欢不褪色。我怎么能修改它,所以我不使用褪色,只是让鼠标输入和鼠标离开而不褪色。

这是我目前的代码

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

})

1 个答案:

答案 0 :(得分:0)

我想你想删除持续时间,以便不透明度立即改变。 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);
    });
})