僅在懸停時更改背景類（使用javascript）

Question

我希望這段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> 

現在它看起來的圖像我在「A HREF」標記集，它需要這個網址到類「.pikachoose」，並取代其背景圖像。我希望它只在HOVER上執行此操作，當沒有任何東西被懸停時，它會變回原始背景圖像。

任何人有任何想法？

Answer 1

在你的第二個功能，只需設置pikachoose CSS回原來的網址LILE這樣：

$('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)' }); 
}); 

Answer 2

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

Answer 3

它應該是這樣的：

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

Answer 4

試試這個

$(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'); }); 
    }); 

HTML

<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>