Copie o código do código da seguinte forma:
<html>
<roteiro>
//Defina a cor da linha atual ao clicar na linha atualmente selecionada e restaure as cores e os eventos do mouse de outras linhas além da linha atual.
função selectRow(destino)
{
var sTable = document.getElementById("ServiceListTable")
for(var i=1;i<sTable.rows.length;i++) //Percorre todas as linhas exceto a primeira linha
{
if (sTable.rows[i] != target) //Determina se a linha está selecionada no momento
{
sTable.rows[i].bgColor = "#ffffff"; //Definir a cor de fundo
sTable.rows[i].onmouseover = resumeRowOver; //Adicionar evento onmouseover
sTable.rows[i].onmouseout = resumeRowOut;//Adicionar evento onmouseout
}
outro
{
sTable.rows[i].bgColor = "#d3d3d3";
sTable.rows[i].onmouseover = ""; //Remover eventos do mouse
sTable.rows[i].onmouseout = ""; //Remover eventos do mouse
}
}
}
//Cor de fundo do tr quando movido
função rowOver (destino)
{
target.bgColor='#e4e4e4';
}
//A cor de fundo de tr ao sair
função rowOut (destino)
{
target.bgColor='#ffffff';
}
//Restaura o evento onmouseover do tr que suporta a função de chamada
função resumeRowOver()
{
rowOver(este);
}
//Restaura o evento onmouseout do tr que suporta a função de chamada
função resumeRowOut()
{
rowOut(este);
}
</script>
<corpo>
<div onmouseover="javascript:this.style.backgroundColor='red';" onmouseout="javascript:this.style.backgroundColor='blue'">Para as duas últimas funções resumeRowOver e resumeRowOut, consulte o que escrevi antes Adicionar uma tabela correspondente ao evento ao elemento da página através de js HTMLview plaincopy para clipboardprint?
</div>
<table cellpacing="1" cellpadding="0" id="ServiceListTable">
<tr>
<th>O serviço é importante</th>
<th>N</th>
<th>Status</th>
<th>Fechado</th>
<th>Informações</th>
</tr>
<tr onmouseover="rowOver(this)" onmouseout="rowOut(this)" onclick="selectRow(this)">
<td>Conteúdo relacionado</td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
</tr>
<tr onmouseover="rowOver(this)" onmouseout="rowOut(this)" onclick="selectRow(this)">
<td>Conteúdo relacionado</td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
</tr>
<tr onmouseover="rowOver(this)" onmouseout="rowOut(this)" onclick="selectRow(this)">
<td>Conteúdo relacionado</td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
</tr>
<tr onmouseover="rowOver(this)" onmouseout="rowOut(this)" onclick="selectRow(this)">
<td>Conteúdo relacionado</td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
<td alinhar="center"></td>
</tr>
</tabela>
</body>
</html>