Foros del Web » Creando para Internet » CSS »

Poner CSS al script de un boton rollover

Estas en el tema de Poner CSS al script de un boton rollover en el foro de CSS en Foros del Web. Bueno, creo que es un poco complicado lo que busco, pero espero no sea imposible. Resulta que consegui un codigo para un rollover multiple, y ...
  #1 (permalink)  
Antiguo 15/01/2011, 09:15
 
Fecha de Ingreso: enero-2011
Mensajes: 3
Antigüedad: 6 años, 11 meses
Puntos: 0
Poner CSS al script de un boton rollover

Bueno, creo que es un poco complicado lo que busco, pero espero no sea imposible.

Resulta que consegui un codigo para un rollover multiple, y quiero que cuando cambie una de las imágenes, se desplace y no quede en la misma posición que la original!
Este es el codigo completo:
Código:
<script type="text/javascript">
function change() {
document.getElementById('button').src = "http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/JJyJiji.png";
document.getElementById('otherone').src = "http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Sillavacia.png";
}
</script>


<div id="Jaejoong" style="height:359px; width: 129px; top:121px; position:absolute; z-index:4; right:383px; bottom:150px;"><img style=" bottom:0px;"src="http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Jaejoong.png" alt="" id="button" onmouseover="change();" /></div>

<div id="Telfono" style=" height:192px; width: 152px; no-repeat left; bottom:80px; position:absolute; z-index:4; right:5%;"> 
<img src="http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Sillajiji.png" alt="" id="otherone" />
</div>
Yo quiero que esta imagen:
http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/JJyJiji.png (o button en el codigo) cambie de lugar cuando se le pase el mouse encima! y quisiera que tuviera estos valores de CSS:
Código:
bottom:37px;
position:absolute;
z-index:7;
left:5%;
Espero sea posible ^^
Por cierto, muy bueno este foro!

Última edición por lalunatika_lovegood; 15/01/2011 a las 09:25
  #2 (permalink)  
Antiguo 15/01/2011, 10:48
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Poner CSS al script de un boton rollover

con CSS simplemente puedes utilizar la pseudo clase :hover para cambiar el background y obtener un rollover:

Código CSS:
Ver original
  1. #miobjetohtml{
  2.     background-image: url(imagennormal.png);
  3. }
  4. #miobjetohtml:hover{
  5.     background-image: url(imagenmouseencima.png);
  6. }

y listo, con javascript debes de utilizar 2 eventos:

onmouseover: cuando el puntero está en el área.
onmouseout: cuando el puntero sale del área.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 15/01/2011, 11:29
 
Fecha de Ingreso: enero-2011
Mensajes: 3
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Poner CSS al script de un boton rollover

Ohh muchas gracias Q_Q
probare con eso ^^

Etiquetas: poner, rollover, botones
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 10:15.