颜色变换

<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>