使用Jquery设置按钮背景动画

我试图淡入

mouseover

按钮上的背景图像（并在

mouseout

上淡出），而不使实际的按钮文本淡出

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

例如：

---

您的选择器错误。

'btn'

应该是

'。btn'

和

$（'btn'，this）

应该是

$（this）

---

演示：。

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

代码如下：

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

---

您的选择器错误。

'btn'

应该是

'。btn'

有没有办法只影响背景而不影响文本？没有，

不透明度

总是影响元素及其子元素。解决此问题的常规方法是使用元素的绝对定位。您可以在以下链接中阅读一些解决方案//

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