1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Tremblement au passage de la souris

Tremblement au passage de la souris

Soyez le premier à donner votre avis sur cette source.

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

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

Ajouter un commentaire Commentaire
etienneaubry Messages postés 21 Date d'inscription dimanche 9 août 2009 Statut Membre Dernière intervention 2 février 2017
24 août 2009 à 22:35
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.
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)