Astuces du SpeeDEricH.com

Merci pour ce ....... SPEED EXEMPLE JAVA SCRIPT 47

UN TEXTE QUI SUIT LE CURSEUR

Une seule et petite opération à effectuer pour obtenir ce même résultat :
Tu recopies dans ta partie HEAD :
<SCRIPT LANGUAGE="JavaScript"><!--début du script
var texte='Je te colle au curseur ' // remplacer mon texte par le tien
var esp=1 // espace entre les lettres
var speed=1 // vitesse de l'animation, plus le nombre est élevé, plus elle sera lente
var DeltaX=0 // éloignement horizontal du texte par rapport au curseur de la souris
var DeltaY=-20 // éloignement vertical du texte par rapport au curseur de la souris
var bartsimpson='<Font face=Arial size=1 color="#000000"><B>' //police taille couleur
var shadock='</B></FONT>'
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]=-0;yp[i]=-50;
if (navigator.appName == "Netscape") {
document.write('<LAYER NAME="ly'+i+'" top=0>'+bartsimpson+txt[i]
+shadock+'</font></LAYER>');t=1;}else{
document.write('<span ID="ly'+i+'" STYLE="Position:relative; top:-10;">'
+bartsimpson+txt[i]+shadock+'</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};}
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>

RETOUR à l'exemple précédent : Déplacer des images SOMMAIRE des Exemples JAVA SCRIPT SUITE des exemples : Un texte animé sur le curseur

ED   05-03-2003
 SpeeDEricH.com Nedstat Tu mesures ton audience ?