Texte qui suit la souris avec un effet de vent

Soyez le premier à donner votre avis sur cette source.

Snippet vu 25 955 fois - Téléchargée 26 fois

Contenu du snippet

Code à mettre ds le BODY

Source / Exemple :


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>

A voir également

Ajouter un commentaire

Commentaires

Messages postés
1
Date d'inscription
jeudi 8 janvier 2009
Statut
Membre
Dernière intervention
9 janvier 2009

Merci, ça peut servir pour des effets sur une page spécial !
Messages postés
14
Date d'inscription
mercredi 24 septembre 2003
Statut
Membre
Dernière intervention
18 avril 2006

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 !
Messages postés
96
Date d'inscription
mercredi 2 juin 2004
Statut
Membre
Dernière intervention
9 février 2010

merci BennyB !!
ca marche bien sous IE
a +
Messages postés
14
Date d'inscription
mercredi 24 septembre 2003
Statut
Membre
Dernière intervention
18 avril 2006

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)
Messages postés
4
Date d'inscription
jeudi 17 février 2005
Statut
Membre
Dernière intervention
19 février 2005

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
Afficher les 11 commentaires

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.