颜色变换

<script>
 var bFlg = false;
 var preRowIndex=0;
 function colorReversion(target, object) {
  	
  	if (!bFlg) {
  		
  		bFlg = true;
		
  		var trs = document.getElementById(target).rows;
		
		for ( var i = 0; i < trs[preRowIndex].cells.length; i++) {
			trs[preRowIndex].cells[i].style.background = '#FFFFFF';
		}
		
		preRowIndex=object.rowIndex;
		
  		for ( var i = 0; i < trs[object.rowIndex].cells.length; i++) {
  			
  			trs[object.rowIndex].cells[i].style.background = '#B1CBEC';
  		}

  		bFlg = false;
  	}
  	
  }
</script>

<div style="margin-left: 10px; margin-top: 10px; ">
		<table id="listTable""  style="width: 97%;" border="1">
			<tr onclick="javascript:colorReversion('listTable',this)">
				<td>
					1111111111111
				</td>
				<td>
					2222222222222222
				</td>
				<td>
					33333333333333333
				</td>
				<td>
					44444444444444
				</td>
			</tr>
			
			<tr onclick="javascript:colorReversion('listTable',this)">
				<td>
					1111111111111
				</td>
				<td>
					2222222222222222
				</td>
				<td>
					33333333333333333
				</td>
				<td>
					44444444444444
				</td>
			</tr>
			
			<tr onclick="javascript:colorReversion('listTable',this)">
				<td>
					1111111111111
				</td>
				<td>
					2222222222222222
				</td>
				<td>
					33333333333333333
				</td>
				<td>
					44444444444444
				</td>
			</tr>
			
			<tr onclick="javascript:colorReversion('listTable',this)">
				<td>
					1111111111111
				</td>
				<td>
					2222222222222222
				</td>
				<td>
					33333333333333333
				</td>
				<td>
					44444444444444
				</td>
			</tr>
		</table>
</div>