jquery - 使用 Jquery 为按钮背景设置动画

Question

我正在尝试在按钮上淡入背景图像mouseover（并在 上淡出mouseout），而实际按钮文本不会淡出。

$('btn').hover(function () {
    $('btn', this).stop().animate({
        "opacity": 1
    });
}, function () {
    $('btn', this).stop().animate({
        "opacity": 0
    });
});

示例：http: //jsfiddle.net/craigzilla/fFq2A

Answer 1

您已将 div 指定为按钮和背景。因此，如果您尝试淡入/淡出背景，它将淡入淡出按钮和背景....

小提琴演示

这是代码：

$('.btn').hover(function () {
    $(this).stop().animate({"opacity": 0});
}, function () {
    $(this).stop().animate({"opacity": 1});
});

Answer 2

$('.btn').hover(function () {
    $(this).animate({
        "opacity": 0
    });
}, function () {
    $(this).stop().animate({
        "opacity": 1
    });
});

您的选择器错误'btn'应该是'.btn'并且$('btn', this)应该是$(this)。

演示：小提琴。