请问各位怎么利用js实现文字与背景反色?

JavaScript014

请问各位怎么利用js实现文字与背景反色?,第1张

<div id='d1' style='color:#336699font-size:40px'>

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文件,可以看到最终想要点击按钮会变色,然后其他按钮恢复原来的颜色效果。