Trocar cor linha tabela ao passar o mouse

[nether 0]

Olá colegas,

 

Tenho uma tabela com várias linhas, e para cada linha dependendo de alguns critérios elas são de cores diferentes, como vermelho, verde, amarelo, etc...

 

Queria que ao passar o mouse sobre as linhas, trocase a cor da linha atual.

Do modo normal, que é trocar para uma cor única especifica eu já sei, o que queria é o seguinte:

 

Pega a cor atual da linha e soma com um tom de cor.

 

Por exemplo:

 

1. Linha atual vermelha, passou o mouse, fica vermelha + tom = vermelho escuro.

2. Linha atual amarelo, passou o mouse, fica amarelo + tom = amarelo escuro.

 

Chutando:

 

"this.bgcolor = this.bgcolor + 10"

[Otata 4]

o que você pode fazer é usar RGB..

 

<script>

function cor(){
	var b = document.getElementById('teste').style.backgroundColor;
	if(b.indexOf('rgb') != -1){
		var arrB = b.split(',');
		b = arrB[2].replace(')','');	
		document.getElementById('teste').style.backgroundColor = "rgb(1,1,"+(parseInt(b) + 10)+")";
	}else{
		document.getElementById('teste').style.backgroundColor = "rgb(1,1,1)";
	}
}

</script>
<div id="teste" onclick="cor();">teste</div>

segue um ex.. para você ter uma ideia..

 

t+