Question

我一直在寻找用javascript改变图像颜色，但问题是我需要更改图像的背景颜色 - 即添加色调

所以我在这里阅读了很多帖子，似乎有可能当html中有一个img（即一个src），但我找不到任何背景图像的解决方案

所以我的CSS可能有这个

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

取决于网址，例如我有不同的颜色，我需要使用提供的十六进制为背景图像着色 - 例如＃ff0000

任何人都可以帮忙吗？

Answer 1

您是否在寻找类似的内容：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);
})

用js在飞行中改变背景图像的颜色

1 个答案: