鼠标单击表格颜色固定，而不是鼠标移开的颜色？

渔风晴 2008-10-06 02:44:56

<TABLE id=AutoNumber1>
<TBODY>
<TR>
<td onmouseover="this.style.borderColor='#00FF00';" style="BORDER-RIGHT: 3px solid; BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid; BORDER-COLLAPSE: collapse" onmouseout="this.style.borderColor='#006F1C'" borderColor="#006F1C" onclick="this.style.borderColor='#74743A';"><img title="王五" src="lvcaodi.jpg" width="50" height="50"/></td>
<td onmouseover="this.style.borderColor='#00FF00';" style="BORDER-RIGHT: 3px solid; BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid; BORDER-COLLAPSE: collapse" onmouseout="this.style.borderColor='#006F1C'" borderColor="#006F1C" onclick="this.style.borderColor='#74743A';"><img title="科斯" src="lvcaodi.jpg" width="50" height="50" /></td>
</TR></TBODY></TABLE>

当我鼠标移开的时候，颜色就还原成了#006F1C，鼠标单击的时候颜色是#74743A我想单击的时候颜色是#74743A，鼠标移开了颜色依然是#74743A，只要我单击了该图片，颜色就默认为#74743A，如果没有单击，就还原成#006F1C（初始颜色）

可以将该代码直接考到一个html上打开

...全文

139 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

渔风晴 2008-10-10

打赏
举报

你太有才了！呵呵

lawrendc 2008-10-07

打赏
举报

看看是不是你要的

lawrendc 2008-10-07

打赏
举报



<!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></head>



<body>

<script language='javascript'>

	function setAttr(){

		var tdAry=document.getElementsByTagName("td");

		for(var i=0;i<tdAry.length;i++){

			(function(i){

			var sign=false;

			tdAry[i].onclick=function(){	this.style.backgroundColor="blue"; sign=true;};

			tdAry[i].onmouseover=function(){if(!sign) this.style.backgroundColor="red";};

			tdAry[i].onmouseout=function(){if(!sign) this.style.backgroundColor="white";};

			})(i);

		}



	}

window.onload=setAttr;

</script>

<TABLE id=AutoNumber1> 

<TBODY> 

<TR> 

  <td onmouseover="this.style.borderColor='#00FF00';" style="BORDER-RIGHT: 3px solid; BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; BORDER-



BOTTOM: 3px solid; BORDER-COLLAPSE: collapse" onmouseout="this.style.borderColor='#006F1C'" borderColor="#006F1C" 



onclick="this.style.borderColor='#74743A';"> <img title="王五" src="lvcaodi.jpg" width="50" height="50"/> </td> 

        <td onmouseover="this.style.borderColor='#00FF00';" style="BORDER-RIGHT: 3px solid; BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; 



BORDER-BOTTOM: 3px solid; BORDER-COLLAPSE: collapse" onmouseout="this.style.borderColor='#006F1C'" borderColor="#006F1C" 



onclick="this.style.borderColor='#74743A';"> <img title="科斯" src="lvcaodi.jpg" width="50" height="50" /> </td> 

</TR> </TBODY> </TABLE> 



 </body>

</html>