Ver Mensaje Individual
  #2 (permalink)  
Antiguo 12/09/2011, 11:28
Avatar de alexk
alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.698
Antigüedad: 14 años, 9 meses
Puntos: 137
Respuesta: Caja de texto que se ilumina

En ese sitio esta por jquery :S....
Código Javascript:
Ver original
  1. /***************************************************
  2.       ADDITIONAL CODE FOR COLOR HOVER EFFECT
  3. ***************************************************/
  4.        
  5.     // box-dark hover effect       
  6.         jQuery(document).ready(function($){
  7.                 $(".box-dark").hover(function() {              
  8.                 $(this).stop().animate({ backgroundColor: "#00778f" }, 300);
  9.         },function() {
  10.                  $(this).stop().animate({ backgroundColor: "#333333" }, 500);
  11.         });
  12.   });
  13.        
  14.     // box-color hover effect      
  15.         jQuery(document).ready(function($){
  16.                 $(".box-color").hover(function() {             
  17.                 $(this).stop().animate({ backgroundColor: "#333333" }, 300);
  18.         },function() {
  19.                  $(this).stop().animate({ backgroundColor: "#00778f" }, 500);
  20.         });
  21.   });

igual vale con CSS div{...} div{...} y para el efecto en el hover "transition"
Código CSS:
Ver original
  1. div:hover{
  2. -o-transition:all 0.3s ease;
  3. -moz-transition:all 0.3s ease;
  4. -ms-transition:all 0.3s ease;
  5. -webkit-transition:all 0.3s ease;
  6. transition:all 0.3s ease;
  7. }
por ejemplo

PD: welcome
__________________
Toroflix - movies.

Última edición por alexk; 12/09/2011 a las 19:16