仅在悬停时更改类的背景（使用javascript）

我希望这段javascript只在悬停时更改，而不是使其成为永久背景

<script type="text/javascript">
$(function () {
    $('ul.slideshow-menu').find('a').fadeTo('slow', 1);
    $('ul.slideshow-menu').find('a').hover(function () {
        $(this).fadeTo('fast', 1);
        $('.pikachoose').css({
            'background-image': 'url(' + $(this).attr('src') + ')'
        });
    }, function () {
        $(this).fadeTo('slow', 1);
    });
});
</script>

$（函数（）{
$（'ul.slideshow menu'）。find（'a'）。fadeTo（'slow'，1）；
$（'ul.slideshow menu'）。查找（'a'）。悬停（函数（）{
$（this.fadeTo（'fast'，1）；
$（'.pikachoose'）.css({
“背景图像”：“url（+$（this.attr（'src'）+”）”
});
}，函数（）{
$（this.fadeTo（'slow'，1）；
});
});

现在它查找我在“a href”标记中设置的图像，并将此url带到类“.pikachoose”并替换其背景图像。我希望它只在悬停时这样做，当没有任何悬停时，它会更改回原始背景图像

---

有人有什么想法吗？

在第二个函数中，只需将pikachoose css设置回原始url lile即可：

$('.pikachoose').css({ 'background-image' : 'url(/'+$(this).attr('src')+')' });

$('ul.slideshow-menu').find('a').hover(function(){
  $(this).fadeTo('fast', 1);
  $('.pikachoose').css({ 'background-image' : 'url('+$(this).attr('src')+')' });
}, function(){
$(this).fadeTo('slow', 1);
$('.pikachoose').css({ 'background-image' : 'url(youroriginalurl)' });
});

---

应该是这样的：

$(function(){
        ('ul.slideshow-menu').find('a').hover(function(){
        $('.pikachoose').css({'background-image':'url(/'+$(this).attr('src')+')' });
        });

试试这个

HTML

你好，我是第一组
你好，我是第二组

 $(document).ready(function () {
        $(".a").on("mouseover", function () { this.style.backgroundImage = url('new image url'); });
        $(".a").on("mouseout", function () { this.style.backgroundImage = url('default image url'); });
    });

 <div class="a" style="width: 100px; border: 1px solid black;">
    Hello, i am div1
</div>
<div class="a" style="width: 100px; border: 1px solid black;">
    Hiii i am div2
</div>