Aqui esta lo qye he estado intentando...
function resaltar(elEvento)
{
var evento = elEvento || window.event;
switch(evento.type)
{
case 'mouseover':
this.style.backgroundColor = 'black';
break;
case 'mouseout':
this.style.backgroundColor = 'blue';
break;
}
}
window.onload = function()
{
for( var i=0;i<31;i++)
{
document.getElementById("i").onmouseover = resaltar;
document.getElementById("i").onmouseout = resaltar;
}
}
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
......