|
|
·
Skindario
Buscar en el Foro Buscar Tags
Portal
Foro
Usuario
Foro
Normas
RSS
Etiquetas
Avatares
Rangos
Eventos
Staff
Entrevistas
Noticias
Caretos
F.A.Q
Subforos Privados
Estadisticas
Estadisticas
Usuarios
OnLine
Actividad
Funciones
Favoritos
P. Inicio
Imprimir
Buscar
Afiliados
¿Tu Web Aquí?
Comunidad ESDLA
Foros DWP
Websmasters Foro
Mundo Deluxe
Photosherox
Descargas-V
Enlázanos

i
Javascript y CSS: Hacer temblar una imagen al tener el cursor encima
 
Portal · Foros · Zona Biblioteca · HTML, Javascript y CSS
Noticias · Buscar · Tags · Imágenes · Usuarios · Fisgona
Autor Mensaje 
EffectedCard
Administrador
Administrador

Haz clic para ver el perfil del usuario

Usuario PRO Usuario PRO
Mensajes: 9.272
Desde: 16/Oct/2004
#1 ·
Javascript y CSS: Hacer temblar una imagen al tener el cursor encima

<!-- PRIMER PASO: Copiar dentro de HEAD -->
<style>
.shakeimage{


position:relative
}
</style>

<!-- SEGUNDO PASO: Copiar en BODY -->

<script language="JavaScript1.2">
var rector=3
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>

<!--TERCER PASO: Copiar donde vaya a ir la imagen-->

<img src="imagen.gif" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this)">



Editado por EffectedCard, Jueves, 4 de Agosto de 2005, 18:18
04/Ago/2005 18:13 GMT+1
Haz clic para ir al tema anterior Haz clic para ir al tema siguiente
Portal · Foros · Zona Biblioteca · HTML, Javascript y CSS
Temas similares
Asunto Autor#VisitasÚltima respuesta
Javascript: Imagen que sigue al cursor11/Dic/2005, 23:26
EffectedCard
01.511No hay respuestas
Javascript: Imagen aleatoria12/Abr/2006, 13:08
angelismo
01.279No hay respuestas
Javascript: Iluminar al selecionar imagen19/Sep/2005, 18:47
EffectedCard
0744No hay respuestas
CSS: Fijar imagen de fondo19/Sep/2005, 18:28
EffectedCard
01.849No hay respuestas
CSS: Cambiar cursor27/Jul/2005, 18:59
EffectedCard
0505No hay respuestas
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Todas las fechas y horas son GMT+1. Ahora son las 21:42

Afiliados Plus
Skindario - Soporte Webmasters, Diseño Grafico, Miarroba, Rol + RPG y Mucho Mas TuarrobaGames - Emuladores, Roms, Juegos y RPG TuarrobaEbooks - Ebooks en castellano y Audiolibros Websmasters foro MundoDeluxe Photosherox - Diseñando & Aprendiendo
¿Tu Web Aquí?
Admin: EffectedCard - Skindario, foro soporte de Tuarroba desde el 16/10/04