xxxx
</div>
<input type='button' onclick="test()" value='设置反色背景' />
<script>
function oppositeColor(a){
a=a.replace('#','')
var c16,c10,max16=15,b=[]
for(var i=0i<a.lengthi++){
c16=parseInt(a.charAt(i),16)// to 16进制
c10=parseInt(max16-c16,10)// 10进制计算
b.push(c10.toString(16)) // to 16进制
}
return '#'+b.join('')
}
function test(){
var d=document.getElementById("d1")
//alert(oppositeColor(d.style.color))
d.style.background=oppositeColor(d.style.color)
}
</script>
可以使用js的css方法实现点击按钮会变色,然后其他按钮恢复原来的颜色。
具体步骤如下:
需要准备的材料分别是:电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件,js文件。
2、在ue编辑器中输入以下html代码。
3、在ue编辑器中输入以下js代码。
4、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。
5、在浏览器中打开此html文件,可以看到最终想要点击按钮会变色,然后其他按钮恢复原来的颜色效果。