jquery從一個按鈕更改背景圖像

我想從一個按鈕偶然背景圖像而不使用函數。jquery從一個按鈕更改背景圖像

<input onclick="jQuery('#Div1').hide();jQuery('#Div2').show(); jQuery('#main').css("background-image", "url('../../Content/images/clear.png')");" type="button" class="t-button" style="width: 250px" value="Text" /><br />

隱藏和顯示效果很好，但是當我添加更改背景圖像時它不起作用。我在同一頁面上有幾個按鈕，並且想要按照每個按鈕更改圖像。在此先感謝

來源

2011-12-07 hncl

確定的路徑是正確的？ – talnicolas

你的圖片網址是否正確？ div是否已經有後臺CSS來提供定位信息？ – Benjam

是的div有背景圖片，路徑是正確的 – hncl

使用Css和JavaScript其可能的簡單方法。使用和嘗試下面的代碼...它有幫助嗎？

$(function){ 
    $('#button').click(function(){ 
     if($(this).hasClass('expanded')) 
     { 
      $(this).addClass('collapsed').removeClass('expanded'); 
     } 
     else 
     { 
      $(this).addClass('expanded').removeClass('collapsed'); 
     } 
    }); 
}

CSS

.expanded {background: url(img/x.gif) no-repeat left top;} 
.collapsed {background: url(img/y.gif) no-repeat left top;}

來源

2011-12-07 17:08:53

感謝Manish，如果我有一個或兩個按鈕，這很有效，挑戰是我有超過30個按鈕在同一頁！ – hncl

jquery從一個按鈕更改背景圖像

回答

相關問題