Os dejo el codigo de lo que llevo, la idea es que no se donde llamar al evento onMouseMove(o el over creo que también serviria), tendria que hacerlo en el for dentro de cada celda?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ejercicio 4 JS</title>
<script type="text/javascript">
function pintarTabla(e){
var tabla=document.getElementById("miTabla");
if(e.shiftKey==1){
celda.style.backgroundColor="blue";
}
else{
celda.style.backgroundColor="white";
}
if(e.ctrlKey==1){
celda.style.backgroundColor="red";
}
else{
celda.style.backgroundColor="white";
}
}
function creaTabla(){
document.write('<table width="200" border="0" cellspacing="1" cellpadding="1">');
for(i=0;i<10;i++){
document.write('<tr><td></td><td></td></tr>');
}
document.write('</table>');
}
</script>
</head>
<body onLoad="creaTabla();">
</body>
</html>