Question

我想在mousehover事件中更改按钮的背景图像我使用以下代码：

 $("#btnCBI").hover(function () {
     $(this).css({ "background-image": "/Tulips.jpg" });
 });

Answer 1

我认为你需要使用url('path')和css。您需要处理程序和处理程序以查看hover()

的效果

$("#btnCBI").hover(function () {
      $(this).css({ "background-image": "url('/Tulips.jpg')" });
   },
   function () {
      $(this).css({ "background-image": "url('/otherImage.jpg')" });
   }
);

如果您不希望在鼠标离开按钮时将其更改回来，则可以使用mouseenter()。

$("#btnCBI").mouseenter(function () {
   $(this).css({ "background-image": "url('/Tulips.jpg')" });
});

Answer 2

最简单的方法是使用css。

<button id="css">CSS</button>

CSS

#btnCBI:hover{
    background-image: url(/Tulips.jpg);
}

Answer 3

一种简单的方法

定义两个类

<style>
    .in{
    //your hover image
    }

    .out{
    //your normal image

    }
    </style>
$("#btnCBI").mouseover(function () {
$(this).removeClass('out').addClass('in')
});

$("#btnCBI").mouseout(function () {
$(this).removeClass('in').addClass('out')
});

如何更改按钮悬停在jquery中的背景图像？

3 个答案: