隨時改變背景圖像的顏色與JS

我一直在尋找變化的圖像色彩與JavaScript，但問題是，我需要改變圖像的背景顏色 - 即增加一個色彩給它隨時改變背景圖像的顏色與JS

所以我已經閱讀了很多帖子在這裏，它似乎有可能當HTML有一個IMG在它（即一個src），但我找不到任何解決方案的背景圖像

所以我的CSS可能有這個在它

.productBenefits ul li { 
background: url("tick.png") no-repeat scroll 0 4px transparent; 
}

取決於url例如我有不同的顏色，我需要用提供的十六進制顏色背景圖像 - 例如＃ff0000

任何人都可以幫忙嗎？

來源

2013-04-30 Dan

看我提供了關於[jQuery的情況下設置背景圖片]答案（HTTP ：http：//stackoverflow.com/questions/15944127/jquery-case-set-background-image/15944673#15944673），小提琴可用[這裏]（http://jsfiddle.net/killrawr/g6tJW/17/） – Killrawr 2013-04-30 00:38:59

[這個描述是你要去的效果？]（http://users7.jabry.com/overlord/mug.html） – Ohgodwhy 2013-04-30 00:40:07

@Killrawr我需要有一個圖像，我的顏色不是大量的diff圖像的case語句 - 但謝謝 – Dan 2013-04-30 00:42:17

您正在尋找這樣的事情：http://jsfiddle.net/AyyU6/1/

HTML：

Hover on the links, and see the result 
<br> 
<a href='#' data-color='#fff000'>Color 1</a> 
<a href='#' data-color='#fffaaa'>Color 2</a> 
<a href='#' data-color='#333000'>Color 3</a> 
<a href='#' data-color='#123000'>Color 4</a> 
<a href='#' data-color='#fff555'>Color 5</a> 

<div style="width: 100px; height:100px;"> 

</div>

的Javascript：

$('a').mouseenter(function(){ 
    // Getting color information from the links data-color attr, of course it can be anything you define 
    var color = $(this).attr('data-color'); 

    $('div').css('background-color',color); 
})

來源

2013-05-01 16:59:27 alekperos

隨時改變背景圖像的顏色與JS

回答

相關問題