onmuseover y onmouseout

[visona]

Hola a todos, me gustaria saber como aplicar la funcion onmuseover a este codigo.

Código PHP:

  <div class="div_info" id="info"  onclick="this.style.display='none';document.getElementById('modifica').style.display='block';"><span class="info">Información personal</span></div>  
   

lo que quiero hacer es que cuando pasen el mouse aparezca un css un css y que cuando se vaya se coloque el principal.
Un saludo

[David]

No se entiende muy bien tu pregunta, si lo que quieres es cambiar el estilo, sólo tienes que cambiar la propiedad style en el evento apropiado:

Código Javascript:

this.style.propiedad = 'valor';
 

[visona]

Yo tengo una clase que se llama "fondo" y lo que quiero es que cuando pase el raton me aplique esa clase.
he colocado este codigo

Código PHP:

  <div class="div_info" id="info" onmouseover="this.style.class='fondo'; onclick=this.style.display='none';document.getElementById('modifica').style.display='block';"> 
  <p class="info">Información personal</p>  
   

pero no me aplica la clase
Un saludo

[David]

Porque para cambiar la clase debes usar this.className = 'clase';

Además, si te fijas, no cierras la comilla del onmouseover.

[ceSharp]

hola visona,

también puedes probar a buscar en el foro de CSS porque creo que lo que tu buscas es la propiedad HOVER

el hover consiste en cambiar el estilo cuando pasas el ratón por encima del elemento, pero mantiene otras caracteristicas de tu estilo.

si ves que no encuentras nada dímelo que te digo qué tendrías que poner en tu estilo.

salu2

[visona]

ok, todo perfecto, muchas gracias