Du texte alternatif suivant la souris

DEMONSTRATION

Vous pouvez mettre des images, des liens, changer ce que vous voulez et parametrer le temp d'attente entre chaque message.


Code source en 2 parties


A rajouter dans la balise <BODY .. >
top

<BODY  onLoad="init02()">


Entre <BODY> et </BODY>
top


<SCRIPT LANGUAGE="JavaScript">
<!--
//Interdiction d'effacer ces lignes
//D'autres script,applet,images sur webgraf.com 
//Auteur: Mathieu Gros, webmaster@webgraf.com

var DeltaX=20 //Distance horizontale (en pixel) entre l'animation et le curseur  
var DeltaY=-10 //Distance verticale (en pixel) entre l'animation et le curseur   

function init02(){

//ajout("votre texte et balises Html ici", temp d'attente (en ms) avant le prochain message)
ajout("<FONT COLOR='#FFFFFF' face=Arial size=2><B>Webgraf.com....</B></FONT>",1500)
ajout("<FONT COLOR='#FF0033' face=Arial size=2><B>enfin un site utile</B></FONT>",1000)
ajout("<FONT COLOR='#00CCFF' face=Arial size=2><B>et vraiment gratuit..</B></FONT>",1000)
ajout("<FONT COLOR='#FFFF00' face=Arial size=2><B>VOTEZ POUR MOI !!</B></FONT>",1000)

//Pas touche à la suite
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>
 
INFORMATIONS COMPLEMENTAIRES
top

Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com