js鼠标点击改变背景颜色(js点击按钮背景变颜色)

js鼠标放到图片上图片背景变色该怎么写

这个简单

1、重点在，图片的背景是透明的，png格式的。

2、鼠标放在图片上的时候，改变的是块级元素的背景。

举例

divimg src="xx.png"/div

鼠标放上去之后，改变的是div的背景。就这样效果就可以实现了。

js 点击后变换颜色

window.onload?=?function()?{

????var?oDiv?=?document.getElementById("tab");

????var?oLi?=?oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");

????var?aCon?=?oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");

????var?timer?=?null;

????for?(var?i?=?0;?i??oLi.length;?i++)?{

????????oLi[i].index?=?i;

????????oLi[i].onclick?=?function()?{

????????????show(this.index);

????????}

????}

????function?show(a)?{

????????index?=?a;

????????var?alpha?=?0;

????????for?(var?j?=?0;?j??oLi.length;?j++)?{

????????????oLi[j].className?=?"";

????????????//?加入这句即可

????????????oLi[index].style.backgroundColor="transparent";

????????????aCon[j].className?=?"";

????????????aCon[j].style.opacity?=?0;

????????????aCon[j].style.filter?=?"alpha(opacity=0)";

????????}

????????oLi[index].className?=?"cur";

????????//?加入这句即可

????????oLi[index].style.backgroundColor="blue";

????????clearInterval(timer);

????????timer?=?setInterval(function()?{

????????????alpha?+=?2;

????????????alpha??100??(alpha?=?100);

????????????aCon[index].style.opacity?=?alpha?/?100;

????????????aCon[index].style.filter?=?"alpha(opacity="?+?alpha?+?")";

????????????alpha?==?100??clearInterval(timer);

????????},?5);

????}

}

js鼠标点击变颜色

div id="kk"

a href="#" onclick="kk.style.backgroundColor='red'"红色/a

a href="#" onclick="kk.style.backgroundColor='#00ff00'"绿色/a

a href="#" onclick="kk.style.backgroundColor='#0000ff'"蓝色/a

div

简单