begin process at 2010 08 01 01:42:32
  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é :21 795 / 616

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 VIDEO EN FOND DE PAGE WEB (HTML5) par BarbuJack
Source avec Zip Source avec une capture EFFET DE TEXTE EN CSS3 par kazma
Source avec Zip Source avec une capture TRANSFORMATIONS CSS ANIMÉES CROSS-BROWSER AVEC JQUERY par pysco68
Source avec Zip Source avec une capture DE L'OMBRE par kazma
INFO BULLE NON DESTRUCTIVE par McPeter

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

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

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

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