cambiar imagen con javascript

No es más fácil con una regla CSS?

table#id_tabla tr td
{
background: url(img_generales/btnMenuSinSel.gif);
}
table#id_tabla tr td:hover
{
background: url(img_generales/imagen_hover.gif);
}

Agregale los no-repeat o repeat-x/y que necesites...

Si todavía queres hacerlo con JS:

var cambiar_fondo = function(id, modo)
{
var elemento = document.getElementById(id);
if (modo == 'in')
{
elemento.style.background = 'url(img_generales/imagen_hover.gif)';
}
else
{
elemento.style.background = 'url(img_generales/btnMenuSinSel.gif)';
}
}

Y:

<table>
<tr>
<td id="celda_1" onmouseover="cambiar_fondo('celda_1', 'in')" onmouseout="cambiar_fondo('celda_1', 'out')">LALALA</td>
</tr>
</table>

me pordrias decir como se hace una regla css, yo se hacer css pero no se como acer una regla

Lo que te pase debería funcionar. Ponelo en un archivo css y linkealo a la página donde lo vayas a usar o incrustalo en la misma página... Si tenes dudas chiflá...