[英]changing colour of a background image with js on the fly
我一直在尋找使用javascript更改圖像顏色的方法,但問題是我需要更改圖像的背景顏色-即向其添加色彩
因此,我在這里閱讀了很多文章,並且當html中包含img(即src)時似乎可行,但我找不到背景圖片的任何解決方案
所以我的CSS可能有這個
.productBenefits ul li {
background: url("tick.png") no-repeat scroll 0 4px transparent;
}
取決於網址,例如我有不同的顏色,我需要使用提供的十六進制為背景圖像上色-例如#ff0000
有人可以幫忙嗎?
您是否正在尋找這樣的東西: 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);
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.