Texte qui suit la souris ....

Télécharger le projet
Commenter

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 !!!
Télécharger le projet

Codes Sources

A voir également

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 (Sibelle07)