begin process at 2010 03 17 08:09:18
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > TEXTE QUI SUIT LA SOURIS AVEC UN EFFET DE VENT

TEXTE QUI SUIT LA SOURIS AVEC UN EFFET DE VENT


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :09/11/2001 Vu :18 308

Auteur : BennyB

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

 Description

Code à mettre ds le BODY

Source

  • SCRIPT LANGUAGE="JavaScript">
  • <!--
  • var texte='Le texte suit votre souris!' // Le texte de l'animation ( pas de code HTML !! )
  • var esp=15 // L'espace ne pixel entre chaque caractères
  • var speed=5 // La vitesse de déplacement
  • var DeltaX=10 // L'espace horizontal en pixel séparant l'animation de la souris
  • var DeltaY=-20 // L'espace vertical en pixel séparant l'animation de la souris
  • var Avant='<Font face=Arial size=3 color="#66ccff"><B>' //Le code Html avec le texte
  • var Apres='</B></FONT>' //Le code Html après le texte
  • //Ne pas modifier
  • var ok=0;var x,y;txt=texte.split("")
  • var str=texte.length-1;var t=0;
  • xp= new Array();yp= new Array()
  • for (i=0;i<str;i++){xp[i]=-50;yp[i]=-50;
  • if (navigator.appName == "Netscape") {
  • document.write('<LAYER NAME="ly'+i+'" top=-50>'+Avant+txt[i]
  • +Apres+'</font></LAYER>');t=1;}else{
  • document.write('<span ID="ly'+i+'" STYLE="Position:relative; top:-50;">'
  • +Avant+txt[i]+Apres+'</font></span>');t=0};}
  • function record(ev){ok=1
  • if (t){x=ev.pageX+DeltaX; y=ev.pageY+DeltaY}
  • else {x=event.clientX+DeltaX; y=event.clientY+DeltaY+document.body.scrollTop};}
  • function anim(){if (ok){
  • for (a=str;a>0;a--){
  • xp[a]=xp[a-1]+esp
  • yp[a]=yp[a-1];}
  • xp[0]=x+esp;yp[0]=y
  • if (t){for (a=0;a<str;a++){
  • with(eval("document.ly"+a)){
  • left=xp[a];top=yp[a];};};}else{
  • for (a=0;a<str;a++){
  • with(eval("document.all.ly"+a+".style")){
  • posLeft=xp[a];posTop=yp[a];};};};}
  • setTimeout("anim()",speed);}
  • if(t) document.captureEvents(Event.MOUSEMOVE);
  • document.onmousemove = record;
  • anim()
  • //-->
  • </script>
SCRIPT LANGUAGE="JavaScript">
<!--

var texte='Le texte suit votre souris!' // Le texte de l'animation ( pas de code HTML !! )
var esp=15 // L'espace ne pixel entre chaque caractères
var speed=5 // La vitesse de déplacement
var DeltaX=10 // L'espace horizontal en pixel séparant l'animation de la souris
var DeltaY=-20 // L'espace vertical en pixel séparant l'animation de la souris
var Avant='<Font face=Arial size=3 color="#66ccff"><B>' //Le code Html avec le texte
var Apres='</B></FONT>' //Le code Html après le texte

//Ne pas modifier
var ok=0;var x,y;txt=texte.split("")
var str=texte.length-1;var t=0;
xp= new Array();yp= new Array()
for (i=0;i<str;i++){xp[i]=-50;yp[i]=-50;
if (navigator.appName == "Netscape") { 
document.write('<LAYER NAME="ly'+i+'" top=-50>'+Avant+txt[i]
+Apres+'</font></LAYER>');t=1;}else{
document.write('<span ID="ly'+i+'" STYLE="Position:relative; top:-50;">'
+Avant+txt[i]+Apres+'</font></span>');t=0};}
function record(ev){ok=1
if (t){x=ev.pageX+DeltaX; y=ev.pageY+DeltaY}
else {x=event.clientX+DeltaX; y=event.clientY+DeltaY+document.body.scrollTop};}
function anim(){if (ok){
for (a=str;a>0;a--){
xp[a]=xp[a-1]+esp
yp[a]=yp[a-1];}
xp[0]=x+esp;yp[0]=y
if (t){for (a=0;a<str;a++){
with(eval("document.ly"+a)){
left=xp[a];top=yp[a];};};}else{
for (a=0;a<str;a++){
with(eval("document.all.ly"+a+".style")){
posLeft=xp[a];posTop=yp[a];};};};}
setTimeout("anim()",speed);}
if(t) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = record;
anim()
//-->
</script>

 



 Sources de la même categorie

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0 par xloadx
Source avec Zip MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76
Source avec Zip MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx

Commentaires et avis

Commentaire de Jackboy le 28/05/2002 06:00:10

Je cherchais pourquoi sa marchait pas, il te manque un &lt; avant ton script Language .....

Commentaire de crazykatz le 02/01/2003 11:45:02

Il marche très bien ce script :-) Juste ne pas oublier de rajouter le "&lt;" avant SCRIPT LANGUAGE, et remplacer après la déclaration des variables globales "var str=texte.length-1" par "var str=texte.length" car sinon il manque la dernière lettre du texte à afficher. Bonne année :-)

Commentaire de maitrea le 04/01/2005 17:03:53

Marche impec sous IE, mais pas sous Firefox :-((

Commentaire de magalice le 17/02/2005 23:50:25

Je suis arrivée à entrer le script mais mon message est à 15 cm de la souris et je n'arrive pas à le rapprocher.
Merci de m'aider

Commentaire de kozaki le 19/12/2005 13:12:36

IE : je sais pas mais je fais confiance
Firefox 1.5 : néant :(
Opera 8.51 : excellent :)

Aurait pu corriger les 2 petits oublis indiqués par crazykatz, mais bon, ça montre l'intéret des commentaires sous les scripts ;)

Magalice : essaie avec un autre navigateur ou ordinateur pour voir si le décallage se reproduit. (he he mieux vaut tard que jamais, non ?)

Note : 6/10 (passerait à 9 si était compatible FF)

Commentaire de aminix9 le 20/12/2005 15:29:58

merci BennyB !!
ca marche bien sous IE
a +

Commentaire de kozaki le 20/12/2005 20:18:27

Bah oui mais Les autres navigateurs représentent 20% de tous les internautes français maintenant !!
(11 à 32% rien que pour Firefox et dans toute l'Europe. Source Xixi http://www.xitimonitor.com/etudes/equipement12.asp).

Celà dit le script a l'air sympa ; je testerai quand j'aurai IE sous la main !

Commentaire de Francoy le 09/01/2009 14:45:24

Merci, ça peut servir pour des effets sur une page spécial !

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

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

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