1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Des mots qui jonglent avec le pointeur...

Des mots qui jonglent avec le pointeur...

Soyez le premier à donner votre avis sur cette source.

Snippet vu 6 596 fois - Téléchargée 28 fois

Commenter

Contenu du snippet

Tout simplement des mots qui suivent le pointeur et jonglent en même temps...
Vous mettez les mots que vous voulez. Simple et cool...

Source / Exemple : 


<html>

<script>
var x=-100,y=-100;
function OnJong()
{
        x = window.event.x + document.body.scrollLeft;
        y = window.event.y + document.body.scrollTop;
}
var a=0;
function CaSwing()
{
        a+=0.1;
        document.all["x1"].style.pixelLeft = x + 25*Math.sin(a);
        document.all["x2"].style.pixelLeft = x + 25*Math.sin(a+2*Math.PI/3);
        document.all["x3"].style.pixelLeft = x + 25*Math.sin(a+4*Math.PI/3);
        document.all["x1"].style.pixelTop = y - Math.pow(Math.cos(a),2)*50;
        document.all["x2"].style.pixelTop = y - Math.pow(Math.cos(a+2*Math.PI/3),2)*50;
        document.all["x3"].style.pixelTop = y - Math.pow(Math.cos(a+4*Math.PI/3),2)*50;
        setTimeout("CaSwing()",50);
}
</script>
<body bgcolor="black">
<body onmousemove="OnJong()" onload="CaSwing()">
<p><span id="x1" class="x1" style="{position: absolute;}"><font color="blue">COOL</font></span>
<span id="x2" class="x2" style="{position: absolute;}"><font color="red">NON</font></span>
<span id="x3" class="x3" style="{position: absolute;}"><font color="yellow">C'EST</font></span>
</body>
<html>

A voir également

Ajouter un commentaire Commentaires
Signaler
Messages postés
14
Date d'inscription
mercredi 24 septembre 2003
Statut
Membre
Dernière intervention
18 avril 2006
Lol je sais pas si c à cause du Sinus,mais :
- Fonctionnement aléatoire sous Opera 8.51 (les mots suivent quand ils veulent).
- Ne fonctionne pas du tout sous Firefox 1.5 :(

ma plate-forme : Arch Linux (2.6.14)

Sinon pourquoi 2 balises BODY, et pas tout simplement :

?

Donc 2/10
Signaler
Messages postés
165
Date d'inscription
jeudi 29 janvier 2004
Statut
Membre
Dernière intervention
16 octobre 2005
 2
delire, simple a mettre en place et leger.
j'adore quoi
Signaler
Messages postés
4
Date d'inscription
jeudi 4 mars 2004
Statut
Membre
Dernière intervention
9 août 2017
T'as plus qu'à attendre le cours de 3eme...Le sinus, c'est une belle courbe périodique qui monte et descend...
Signaler
Messages postés
4
Date d'inscription
jeudi 4 mars 2004
Statut
Membre
Dernière intervention
9 août 2017
T'as plus qu'à attendre le cours de 3eme...Le sinus, c'est une belle courbe périodique qui monte et descend...
Signaler
Messages postés
264
Date d'inscription
jeudi 31 juillet 2003
Statut
Membre
Dernière intervention
12 juillet 2005
C'est super mais j'ai une question : Math.sin , c'est quoi ? c'est le sinus est c'est quoi le sinus (Je ne suis qu'en 4eme)?
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 (Bitter1)