悬停 div 时，更改照片数据-bg

Question

    <div class="slide-background a" style="" data-bg="images/1new.jpg">
    </div>

我希望在悬停 div 时平滑更改 data-bg 照片

我试图用 css 悬停

  div.slide-background.a:hover{;background-image: url("../images
  /1newcolor.jpg") !important;}

但我想要一个顺利的改变。

Answer 1

你可以用 jquery 做到这一点......

$( ".slide-background" ).hover(function() {
      $(".slide-background").attr("data-bg", "some_other_img.jpg");
});

Answer 2

用 jquery 很容易，

$(".slide-background").hover(function()
{
   $(".slide-background").attr("data-bg", "url.jpg");
});