Texte qui suit la souris ....

Soyez le premier à donner votre avis sur cette source.

Vue 30 573 fois - Téléchargée 926 fois

Description

Ce javascript permet de faire suivre des lettres derriere le curseur de la souris ;-)
Il y a peut être un exemple comem celui ci !!! mais désolé si il y est peut être plein de fois dans le site !!!!

Source / Exemple :


Dans head :

<head>
<style>
.spanstyle {
 position:absolute;
 visibility:visible;
 top:-50px;
 font-size:10pt;
 font-family:Arial;
      font-weight:bold;
 color:#000000;
}
</style>
<script>
/*
Ce script se nomme :
Texte qui suit la souris :-)

  • /
var x,y var step=20 var flag=0 var message='Votre texte a placez ;-) ' message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> </head> dans body : <body> <script> for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; makesnake() </script> </body> <b>Créer par Sibelle07</b>

Conclusion :


Voila encore une fois désoler si il y est sur le site !!!

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

cs_Dedeuche
Messages postés
1
Date d'inscription
mardi 27 décembre 2005
Statut
Membre
Dernière intervention
27 décembre 2005

j arrive pas a voir l html
CCJ
Messages postés
565
Date d'inscription
mercredi 19 mai 2004
Statut
Membre
Dernière intervention
30 avril 2008
1
9/10 parceke c super ;)
cs_AnTo69
Messages postés
1
Date d'inscription
samedi 2 juillet 2005
Statut
Membre
Dernière intervention
2 juillet 2005

Bonjour c'ete pour vous demander moi j'ai juste le truc sur new mais pas sur les autres page sa serais pas bisar ?
odric88
Messages postés
10
Date d'inscription
lundi 18 août 2003
Statut
Membre
Dernière intervention
19 décembre 2006

Tu change la valeur "color:#000000;" dans la premiere partie du <head>
THE DRAGOON
Messages postés
1
Date d'inscription
lundi 13 novembre 2000
Statut
Membre
Dernière intervention
11 avril 2005

comment on change de couleur

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.