tr选中效果
页面
?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>对tr的选中变色处理</title><link rel="stylesheet" type="text/css" href="model.css"/><script type="text/javascript" src="jquery-1.7.2.min.js"></script><style>a {text-decoration: none;color: grey;margin-right: 5px;}a:hover {text-decoration: underline;}.span_name {height: 20px;cursor: pointer;}.div_mscs_head{width:100%;height:30px;line-height:30px;background-color:#D1EEEE;text-align:right;}.div_mscs_head span {float: left;margin-left: 10px;color: green;}.div_mscs_head a{margin-right:10px;}.div_mscs_body{padding: 0 20px;height:220px;}</style><script>$('#tbl').find('tr:not(.tr_add):gt(0)').live('mouseover', function(){$(this).not('[chosen]').css('backgroundColor', '#ebebeb');}).live('mouseout', function(){$(this).not('[chosen]').css('backgroundColor', '#ffffff');}).live('click', function(){if(!$(this).is('[chosen]')){$('#tbl').find('tr:not(.tr_add):gt(0)').filter('[chosen]').css('backgroundColor', '#ffffff').removeAttr('chosen');$(this).css('backgroundColor', '#cdcdcd').attr('chosen', true);} else {$(this).css('backgroundColor', '#ffffff').removeAttr('chosen');}});</script></head><body><div cellpadding="0" cellspacing="0"><thead><tr msclId="'+id+'" msclId="'+id+'" msclId="'+id+'" class="a_remove">删除</a></td></tr></tbody></table></div></form></div></div></body></html>