begin process at 2012 02 09 19:37:04
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs Amusants

 > DES MOTS QUI JONGLENT AVEC LE POINTEUR...

DES MOTS QUI JONGLENT AVEC LE POINTEUR...


 Information sur la source

Note :
2 / 10 - par 1 personne
2,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs Amusants Niveau :Débutant Date de création :25/01/2004 Vu :5 344

Auteur : Bitter1

Ecrire un message privé
Site perso
Commentaire sur cette source (5)
Ajouter un commentaire et/ou une note

 Description

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

  • <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>
<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>



 Sources du même auteur

ON BRASSE LES LETTRES, ET UN MESSAGE DU BIENVENUE S'AFFICHE....
DES LETTRES EN VRAC QUI FINISSENT PAR FAIRE UN MESSAGE...
LIENS SOUS FORME DE MESSAGE SE PROMÈNE DE FAÇON ALÉATOIRE......
TEXTE DÉFILANT DANS PETIT TABLEAU PLUTÔT QUE DANS LA BARRE D...
TEXTE QUI DÉFILE SUR UN BOUTON...

 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol

Commentaires et avis

Commentaire de Jsman le 06/02/2004 22:19:43

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)?

Commentaire de Wuuf le 04/03/2004 02:30:47

T'as plus qu'à attendre le cours de 3eme...Le sinus, c'est une belle courbe périodique qui monte et descend...

Commentaire de Wuuf le 04/03/2004 02:30:59

T'as plus qu'à attendre le cours de 3eme...Le sinus, c'est une belle courbe périodique qui monte et descend...

Commentaire de yami_no_ookami le 08/03/2004 14:25:31

delire, simple a mettre en place et leger.
j'adore quoi

Commentaire de kozaki le 19/12/2005 13:04:45

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 :
<body bgcolor="black" onmousemove="OnJong()" onload="CaSwing()">
?

Donc 2/10

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,154 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales