begin process at 2012 05 28 11:29:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > TEXTE QUI SUIT LA SOURIS ....

TEXTE QUI SUIT LA SOURIS ....


 Information sur la source

Note :
8,33 / 10 - par 3 personnes
8,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :18/10/2003 Vu / téléchargé :25 651 / 668

Auteur : Sibelle07

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

 Description

Cliquez pour voir la capture en taille normale
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

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

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

FORMULAIRE DE MOTS DE PASSE
COMPTE A REBOUR : REDIRECTION
BOUGER LA FENETRE
Source avec Zip CRASH BANDICOOT (RACING SIMPLE) VERSION JAVASCRIPT
VOICI UN TEXTE ONDULANT

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Commentaire de Jsman le 31/10/2003 21:50:57

"Votre texte à placer" !!!!

Mais pas mal

Commentaire de maitrea le 04/01/2005 16:56:37

semble ne pas afficher le texte sous Firefox (le même message s'affiche impec' sous IE).
Une idée ?

Alain

Commentaire de odric88 le 10/03/2005 20:05:57

ca marche nikel pour moi merci !!

Commentaire de THE DRAGOON le 11/04/2005 09:16:03

comment on change de couleur

Commentaire de odric88 le 15/04/2005 14:27:39

Tu change la valeur "color:#000000;" dans la premiere partie du <head>

Commentaire de AnTo69 le 02/07/2005 23:02:10

Bonjour c'ete pour vous demander moi j'ai juste le truc sur new mais pas sur les autres page sa serais pas bisar ?

Commentaire de CCJ le 10/08/2005 22:16:14

9/10 parceke c super ;)

Commentaire de Dedeuche le 27/12/2005 19:06:05

j arrive pas a voir l html

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
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,858 sec (3)

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