<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function $(id){
return window.document.getElementById(id);
}
var oldColor="";//原有颜色
var getCurColor=null;//当前的元素颜色
function getCurrentColor(e){
getCurColor=e.style.backgroundColor;
}
function MouseOver(e){
getCurrentColor(e);
e.style.backgroundColor="#ff0000";
}
function MouseMove(e){
if(e.id==$('myHd').value){
e.style.backgroundColor="#0000ff";
}else{
e.style.backgroundColor=getCurColor;
}
}
function Click(e){
if(e.style.backgroundColor!="#0000ff"){
if($('myHd').value!=null && $("myHd").value!=""){
$($('myHd').value).style.backgroundColor=oldColor;
}
$('myHd').value=e.id;
e.style.backgroundColor="#0000ff";
}
}
</script>
</head>
<body>
<input type="button" value="test" id="myButton1" οnmοuseοver="MouseOver(this)" οnmοuseοut="MouseMove(this)" οnclick="Click(this)"/>
<input type="button" value="test" id="myButton2" οnmοuseοver="MouseOver(this)" οnmοuseοut="MouseMove(this)" οnclick="Click(this)" />
<input type="button" value="test" id="myButton3" οnmοuseοver="MouseOver(this)" οnmοuseοut="MouseMove(this)" οnclick="Click(this)"/>
<input type="hidden" id="myHd" value="" />
</body>
</html>