begin process at 2012 05 28 10:08:52
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs Amusants

 > FOLLOW THE TEXTE!

FOLLOW THE TEXTE!


 Information sur la source

Note :
7 / 10 - par 6 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs Amusants Classé sous :texte, suivre, animation, pointeur Niveau :Débutant Date de création :02/06/2001 Vu :8 354

Auteur : BlackWizzard

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note


 Description

un texte qui suit votre pointeur!

Source

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



 Sources du même auteur

VÉRIFIER LA VALIDITÉ D'UN NUMÉRO D'UNE CREDIT CARD/AMEX/MAST...
Source avec Zip Source avec une capture STOCK/FOREX CANDLE CHART USING CANVAS API
MENU HORIZONTAL BASIQUE. CODE SIMPLE ET CLAIR. IDEAL POUR PE...
Source avec une capture BIDOUILLEZ LES DOSSIER DE WINDOWS! (FUN ET TRES JOLIE!) (POU...
Source avec Zip MENU DRAG'N DROP!

 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol

 Sources en rapport avec celle ci

Source avec Zip MODULE D'ANIMATIONS TEXTE SIMPLE ET PERSONNALISABLE par etiennexxx9
Source avec Zip ANIMATION DE TEXTES par abdelaziz_info
ANIMATION DE TEXTES par PetoleTeam
TEXTE EN SPIRALE SUR SOURIS par beladel
ANIMATION DE TEXTES par mororamalma

Commentaires et avis

Commentaire de jeremyM le 13/06/2002 14:11:18

excellent ta source

Commentaire de bob3000 le 24/04/2003 19:38:14

cest bon mais defois ca enerve le gars qui visite ton site

Commentaire de phenX le 21/07/2005 17:20:24

le truc est très bon et ca marche bien, mais c'est vrai qu'a la longue c'est très lourd, ce qui seraiqs bien c'est de le loader de façon aléatoire

Commentaire de idribar le 22/09/2009 00:27:36

J'ai déja vu ce code dans le livre de Lavinfosse et Evraud paru en 2000 chez Marabout et intitulé "DHTML".

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Animation Texte [ par nounours21_6 ] Bonjour, voila je fais un projet et je voudrais faire comme le controle flash pour les news de cette adresse :http://www.bfc.france3.fr/dc voila, en f Animation flash champs de texte saisie [ par footix25 ] BonjourJe debute en flash et j'ai besoin de votre aide  merci d'avance.Mon animation est "je tape un texte que je veux voir simultanement en dessous"J Probleme settimeout pour afficher plusieur texte à la suite [ par lalicornedefeu ] Bonjour,Je cherchais sur le web un script pour afficher plusieurs texte, stocker dans un tableau, à la suite et j'en ai trouvé un qui le fait mais ave Background "texte" animé [ par Sniperman113 ] Bonjour à tous, J'ai un petit soucis avec une animation que j'aimerais réaliser. Pour faire simple cette animation correspond à un texte en image de transformer un input de type texte en input de type password à la selection [ par samirlipopette ] Bonjour, Je ne sais pas si je poste au bon endroit mais j'ai une requête à faire, je suis débutant en javascript.. Connaissez-vous une astuce me per Tickers [ par BrokenArrow29 ] Bonjour, Je cherche comment faire un ticker qui afficher horizontalement le texte provenant d'une base donnée qui l'envoi au ticker par parametre. J' Inserer du texte entre 2 balises DIV [ par DAN1 ] Bonjour à tous. En JavaScript j'essaie d'insérer du texte entre deux balises DIV. Voici mon code : <!-- // met automatiquement la légende de la Interrogation de données en temps réel [ par DarkBout ] Bonjour, j'ai un petit soucis d'interrogation de données. En effet j'ai deux pages PHP avec deux scripts AJAX sur les deux page. La première page aff incompatibilité d'un code javascript pour firefox et IE8 [ par chmidou ] Bonjour, j'ai récupéré un code et je l'ai adapté à mes besoins seulement, ça ne marche que sur chrome. voici, le code en question veuillez m'aidez. recherche fonction convertion champ texte formulaire en majuscule début de phrase, y compris après un point [ par RomantikA ] Bonjour à tous, je viens vous voir parceque depuis avant hier je buche sur une fonction (et je précise que je suis nul en javascript...). j'ai alors p


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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,624 sec (4)

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