Tremblement au passage de la souris

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 363 fois - Téléchargée 29 fois

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

Ajouter un commentaire Commentaire
Messages postés
21
Date d'inscription
dimanche 9 août 2009
Statut
Membre
Dernière intervention
2 février 2017

Trés bon script!
Mais j'ai une petite question
qui risque de compliquer unpeu les choses
je souhaiterai faire trembler une banniere.
Et je n'arrive pas trop a modifier ce script.

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.