begin process at 2010 02 10 03:30:24
  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 :4 391

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

UN COMPTEUR DE LA DURÉE QUE LES VISITEURS RESTE SUR VOS PAG... par elmersaid
Source avec Zip RECHERCHE DANS UNE PAGE WEB par elmersaid
Source avec Zip Source avec une capture RÉSOUDRE UNE ÉQUATION EN 6 ÉTAPES par Zestyr
Source avec Zip Source avec une capture POST-IT POUR LE WEB par jululu
Source avec Zip Source avec une capture ENIGMES, CASSE-TÊTES À RÉSOUDRE par Bul3

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 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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 : 0,686 sec (3)

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