jquery更改懸停的背景圖像

我有幾個div，我想爲其生成css背景圖像。他們會在盤旋時改變。是的，我知道我可以在css中輕鬆做到這一點，但它需要在jQuery中完成。jquery更改懸停的背景圖像

代碼：

$(document).ready(function() { 
    $('.hoverBox').css('background', 'url(img/box' + id + '.jpg)') 
    $('.hoverBox').hover(function(){ 
    $(this).css('background', 'url(img/box' + this.id + '_back.jpg)')      
    }, 
    function(){ 
    $(this).css('background', 'url(img/box' + this.id + '.jpg)')      
    }); 
});

HTML是這樣的：

<div class="hoverBox" id="benefits"> 
content</div> 
<div class="hoverBox" id="installation"> 
content</div> 
<div class="hoverBox" id="shoponline"> 
content</div>

這應該是很容易的，但我似乎無法使它工作。

援助將不勝感激！ TIA。

來源

2010-09-17 circey

什麼似乎是問題？ – Reigel 2010-09-17 00:53:35

我認爲這是：'url（img/box'+ id +'.jpg）'，但我無法弄清楚我要出錯的地方。最初的背景圖像不顯示，當然，懸停圖像也不顯示。 – circey 2010-09-17 00:57:53

什麼是id？

它是在別處定義的一些神祕的變量還是你認爲id會從選擇器中讀取是一種神奇的方式？

我猜你想用each（）來得到id。

來源

2010-09-17 01:01:50 epascarello

太好了。感謝那 - 讓它工作。諷刺是不必要的，但每個（）都是我需要的。 – circey 2010-09-17 01:13:29

如何更新代碼或添加如何使用「each（）」解決問題的示例？對於有同樣問題的其他人（比如我^^）會有所幫助。 – ithil 2013-06-17 08:59:28

jquery更改懸停的背景圖像

回答

相關問題