Foros del Web » Creando para Internet » HTML »

como hacer este efecto

Estas en el tema de como hacer este efecto en el foro de HTML en Foros del Web. hola como hacer este efecto que pases el mouse y se cambie asi? http://www.kawoq.com/...
  #1 (permalink)  
Antiguo 28/06/2008, 00:49
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 12 años, 10 meses
Puntos: 3
como hacer este efecto

hola como hacer este efecto que pases el mouse y se cambie asi?

http://www.kawoq.com/
  #2 (permalink)  
Antiguo 28/06/2008, 23:35
Avatar de berthely  
Fecha de Ingreso: junio-2008
Ubicación: VHSA Mexico
Mensajes: 453
Antigüedad: 9 años, 6 meses
Puntos: 9
Respuesta: como hacer este efecto

Con algo de javascript, al pasar el mouse por la imagen cambia la imagne, y al salir el mouse, se reestablece la imagen inicial.

Algo asi como

Código:
....onmouseover.image[0].src='image2.jpg';
....onmouseout.image[0].src='image1.jpg';
investiga, debe haber algun ejemplo practico por ahi,

Saludos suerte.
  #3 (permalink)  
Antiguo 29/06/2008, 22:13
 
Fecha de Ingreso: enero-2005
Mensajes: 386
Antigüedad: 12 años, 10 meses
Puntos: 3
Respuesta: como hacer este efecto

gracias, si penc que era asi pero en realidad no es una imagen el fondo por k se puede seleccionar el texto. y en una imagen no :s
  #4 (permalink)  
Antiguo 30/06/2008, 15:23
Avatar de cleek  
Fecha de Ingreso: diciembre-2006
Ubicación: Atras del cocodrilo
Mensajes: 122
Antigüedad: 11 años
Puntos: 1
Respuesta: como hacer este efecto

se hace con css. con el selector :hover.

Supongamos que tienes una división así:

Código:
<div id="uno">
texto texto texto
</div>
entonces en el css le dices:

Código:
#uno {
 background: #fff;
}
#uno:hover {
 background: #f80;
}
O algo parecido, eso y el cambio de imagenes que propuso berthely, hacen el truco.


Saludos
__________________
:: nocturno ::
inGenia soluciones
  #5 (permalink)  
Antiguo 30/06/2008, 15:55
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como hacer este efecto

En este caso concretamente así:

HTML:
<div class="switcher" id="publicidad">
<h3><a href="/publicidad/home.html" title="Agencia de publicidad">Publicidad</a></h3>
<div class="swcontent">
<p class="swtext">
<span>Contamos con una amplia...

CSS:
#publicidad.hover {
background-image: url(hover_top_p.gif);
}

JS:
mainstart = function() {
$(".switcher").hover(function(){$(this).addClass(" hover")},function(){$(this).removeClass("hover")}) .click(function() {
window.location.href = $("a",this).attr("href");
});
}

Se debe a que usan JQuery, aunque no estoy muy seguro de por qué se han complicado así.

Mikel.

Última edición por Mikmoro; 01/07/2008 a las 01:59
  #6 (permalink)  
Antiguo 30/06/2008, 18:23
Avatar de MoDoRrO  
Fecha de Ingreso: septiembre-2005
Ubicación: Php+Flash+AS
Mensajes: 1.072
Antigüedad: 12 años, 3 meses
Puntos: 12
Respuesta: como hacer este efecto

por mas que busque en esa pagina en el codigo fuente...

no encontre el tipo de fuente de los divs quecambian de color

alguien sabe cual es???
  #7 (permalink)  
Antiguo 01/07/2008, 01:57
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como hacer este efecto

No lo encontrarás porque es un efecto que se llama sIFR. Busca en este foro o en Google que se ha tratado mucho el tema.

Mikel.
  #8 (permalink)  
Antiguo 01/07/2008, 15:07
Avatar de MoDoRrO  
Fecha de Ingreso: septiembre-2005
Ubicación: Php+Flash+AS
Mensajes: 1.072
Antigüedad: 12 años, 3 meses
Puntos: 12
Respuesta: como hacer este efecto

la fuente?
  #9 (permalink)  
Antiguo 01/07/2008, 16:13
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: como hacer este efecto

No, la fuente está hecha con flash, con el sistema sIFR

Mikel.
  #10 (permalink)  
Antiguo 01/07/2008, 17:54
Avatar de MoDoRrO  
Fecha de Ingreso: septiembre-2005
Ubicación: Php+Flash+AS
Mensajes: 1.072
Antigüedad: 12 años, 3 meses
Puntos: 12
Respuesta: como hacer este efecto

a muchisimas gracias, esque se me hizo muy bonita, y vi que es seleccionable, y pense que era Texto plano, deja le hecho un ojo, Gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:05.