Follow the texte!

Commenter

Contenu du snippet

un texte qui suit votre pointeur!

Source / Exemple : 


<STYLE>.spanstyle { 
 COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible 
} 
</STYLE> 

<SCRIPT> 

var x,y 
var step=20 
var flag=0 

// l'espace à la fin du message est tres important
var message="ASPFR.COM !!!! - source par blackwizzard " 
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> 
 
<BODY onload=makesnake() style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"> 
      <P align=left><STRONG><FONT face=Verdana><!--webbot bot="HTMLMarkup" startspan --> 
      <SCRIPT> 
<!-- Beginning of JavaScript - 

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; 

// - End of JavaScript - --> 
</SCRIPT>

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