Tremblement au passage de la souris

Commenter

Contenu du snippet

Bah, faut s'y connaitre en html un peu !
J'ai laissé des annotations c pa tro dure à modifier come ça !

Source / Exemple : 


<html>

<head>
<title>http://www.paroles-et-musiques.fr.st</title>
<style>.shakeimage {
	POSITION: relative
}
</style>
<script language="JavaScript">

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
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>
</head>

<body>

<p align="center"><br>
Faite passe votre souris sur cette image pour la faire trembler</p>

<p align="center">&nbsp;</p>

<p align="center">&nbsp;</p>

<p align="center"><img class="shakeimage" onmouseout="stoprattle(this)"
onmouseover="init(this);rattleimage()" src="    ICI VOTRE IMAGE      " width="468"
height="60"></p>
</body>
</html>

Conclusion :


A+

V.K.

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (virtuelkiller)