Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/12/2012, 02:13
axsys
 
Fecha de Ingreso: septiembre-2012
Mensajes: 18
Antigüedad: 12 años, 4 meses
Puntos: 4
Respuesta: Cambio de color dinamicamente

Lo mejor es trabajarlo todo con Javascript, remueve la regla css hover. y agrega este script despues del body.

Código Javascript:
Ver original
  1. (function(){
  2.  
  3.     var nodes = document.getElementsByTagName('body')[0].childNodes;
  4.  
  5.     for(node in nodes){
  6.  
  7.         if(nodes[node].className == 'contenedor'){
  8.  
  9.                 nodes[node].onmouseover = function(){this.style.backgroundColor = '#FFFFDD'; };
  10.             nodes[node].onmouseout = function(){ this.style.backgroundColor = '#FFFFFF'; };
  11.         }
  12.     }
  13.  
  14. })();

Obtiene todos los divs con la clase contenedor y les asigna una funcion a los eventos onmouseover y onmouse out. cambiando el color de fondo.