Un petit texte qui suit le pointeur et change toute les x secondes

Soyez le premier à donner votre avis sur cette source.

Snippet vu 16 245 fois - Téléchargée 28 fois

Contenu du snippet

Un texte suit le curseur et change toutes les 5 secondes (modifiable). Peut-être existe-t-il sous un autre aspect mais je le propose quand même.....

Source / Exemple :


<html>
<HEAD><br><br>
<p><center><font color='blue' size=+1>Un petit passage sur le mot en gras :</font>
 <b onMouseOver="alert('Alors ça vous plait ?')">
 <font size=+1>juste ici !</font></center>
 </b>
 </p>
</head>
<BODY onLoad="init02()">
<SCRIPT LANGUAGE="JavaScript">
var DeltaX=15 //Distance horizontale du curseur
var DeltaY=5 //Distance verticale du curseur   

function init02()
{
ajout("<font color='blue' size=+1><b>C'est</b></font> <font color='red' size=+1<b>plus</b> <b>sympathique</b></font>",900)
ajout("<font color='black' size=+1><b>d'avoir</b></font> <font color='purple' size=+1><b>un</b> <b>peu</b></font>",1600)
ajout("<font color='green' size=+1><b>de lecture</b></font> <font color='blue' size=+1><b>lorsque l'on</b></font>",900)
ajout("<font color='blue' size=+1><b>suis</b><b> des</b></font> <font color='red' size=+1><b>yeux</b></font>",900)
ajout("<font color='red' size=+1<b>ce</b> <b>foutu</b></font> <font color='green' size=+1<b>pointeur</b> <b>;-)</b></font>",900)
letsgo();
}

var z=0;
var i=0;
var t;
var rz=0
texte= new Array()
speed= new Array()

function ajout(txt,delai)
{
texte[z]=txt;
speed[z]=delai;
z++;
}
if (navigator.appName == "Netscape")
{
document.captureEvents(Event.MOUSEMOVE);
document.write('<LAYER NAME="mgdh" top=-100></LAYER>');
t=1;
}
else
{
document.write('<span ID="mgdh" STYLE="Position:relative; top:-100;"></span>');
t=0;
}

function letsgo()
{
if (t)
 {
 document.mgdh.document.write(texte[i]);
 document.close();
 }
else document.all.mgdh.innerHTML=texte[i];
i++;
if (i>=z) i=0;
setTimeout("letsgo()",speed[i]);
}

function detect02(ev)
{
if (t)
 {
 with(document.mgdh)
  {
  left=ev.pageX+DeltaX;
  top=ev.pageY+DeltaY
  };
 }
else
 {
 with(document.all.mgdh.style)
  {
  left=event.clientX+DeltaX; 
  top=event.clientY+DeltaY+document.body.scrollTop
  };
 };
}
document.onmousemove=detect02
</script>

</BODY>
</HTML>

A voir également

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.