A tabela na página HTML pode ser exibida linha por linha. Claro, divs também podem ser configurados para mudar de cor quando o mouse é colocado sobre ela.
Copie o código do código da seguinte forma:
<script type="texto/javascript">
var currentActiveRow; //Linha ativa atual
//Muda a cor da linha selecionada
função alterarActiveRow(obj) {
if (correnteAtivaRow) {
currentActiveRow.style.backgroundColor = "";
}
currentActiveRow = obj;
currentActiveRow.style.backgroundColor = "#F2F2F2";
}
</script>
Em seguida, defina o evento onmousehover ou onclick em td para onmouseover="changeActiveRow(this)"