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 724 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
cs_kozaki Messages postés 14 Date d'inscription mercredi 24 septembre 2003 Statut Membre Dernière intervention 18 avril 2006
19 déc. 2005 à 13:04
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
yami_no_ookami Messages postés 165 Date d'inscription jeudi 29 janvier 2004 Statut Membre Dernière intervention 16 octobre 2005 2
8 mars 2004 à 14:25
delire, simple a mettre en place et leger.
j'adore quoi
Wuuf Messages postés 4 Date d'inscription jeudi 4 mars 2004 Statut Membre Dernière intervention 9 août 2017
4 mars 2004 à 02:30
T'as plus qu'à attendre le cours de 3eme...Le sinus, c'est une belle courbe périodique qui monte et descend...
Wuuf Messages postés 4 Date d'inscription jeudi 4 mars 2004 Statut Membre Dernière intervention 9 août 2017
4 mars 2004 à 02:30
T'as plus qu'à attendre le cours de 3eme...Le sinus, c'est une belle courbe périodique qui monte et descend...
Jsman Messages postés 264 Date d'inscription jeudi 31 juillet 2003 Statut Membre Dernière intervention 12 juillet 2005
6 févr. 2004 à 22:19
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)