Question

I want to change background image of button on mousehover event.
I am using following code:

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

Answer 1

I think you need to use url('path') with css. You need handler in and handler out to see the effect of hover()

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

You can use mouseenter() if you do not want to change it back when mouse gets out of your button.

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