动画按钮背景与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

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

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

演示：Fiddle。

Answer 2

您已将div指定为按钮以及background.so如果您尝试淡化/淡出背景，它会淡出淡出按钮和背景....

<强> Fiddle Demo

以下是代码：

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