Onmouseover

[izar]

Buenos dias a todos.
Por que no me funciona esto?? (mouseover)

Código HTML:

<TD background= "images/gradient.gif"  onmouseover='this.style.background-image=url("images/gradient_hover.gif")'  WIDTH="15%" HEIGHT="22"><FONT  FACE="VERDANA" COLOR="white" style="font-size:10pt;font-weight:bold"> 
            <a  href="foro">foro</a></font></TD> 

gracias por anticipado

[JavierB]

Hola izar

Prueba de esta forma:

Código:

onmouseover='this.style.background="url(\"images/gradient_hover.gif\")"'

Saludos,

[izar]

Muchar gracias, funciona perfectamente, pero no entiendo exactamente lo que has hecho, y por que no funcionaba lo otro.

Muchas gracias

[JavierB]

Hola de nuevo.

background-image se utiliza cuando defines una clase:

<style type="text/css">
.miclase {background-image:url('tuimagen.gif')}
</style>

pero cuando se usa desde JavaScript hay que poner background (creo que también funcionaría con backgroundImage) En general cuando una propiedad incluye un guión (border-width) se quita el guión y se pone en mayúscula la siguiente letra (borderWidth)

Si tienes más dudas, no dudes en volver a preguntar. Saludos,

[CifuSO]

Mi recomendación: que lo hagas puro en Css, cualquier cosa date una vuelta por estos foros...

Saludos..