entre la balise <HEAD> et </HEAD> :
dans la balise <BODY> (uniquement la partie script) :
n'importe où entre les balises <BODY> et </BODY> : <!-- DEBUT DU SCRIPT --> <SCRIPT LANGUAGE="JavaScript"> var x = 0; var y = 0; if (document.getElementById) { if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE); document.onmousemove = Pos_Souris; window.onload = Bouge_Image; } function Pos_Souris(e) { x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop; } posX = 0; posY = 0; anim = true; oldpos = "gauche.gif"; function Bouge_Image() { if (document.getElementById && anim) { posX = posX+(((x-posX)+20)/15); posY = posY+(((y-posY)+20)/15); if(posX<x) newpos='droite.gif'; else newpos='gauche.gif'; if(newpos!=oldpos) { document.tete.src=newpos; oldpos=newpos; } document.getElementById("teteronde").style.top = posY; document.getElementById("teteronde").style.left = posX; tempo = setTimeout("Bouge_Image()", 15) } } if(document.getElementById) { document.write('<DIV ID=teteronde style="position: absolute">'); document.write('<A HREF="#" onClick="anim=false;document.getElementById('teteronde').style.visibility = 'hidden';return(false)">'); document.write('<IMG SRC="droite.gif" BORDER=0 HSPACE=0 VSPACE=0 NAME=tete ALT="Cliquez ici pour faire disparaître">'); document.write('</A>'); document.write('</DIV>'); } </SCRIPT> <!-- FIN DU SCRIPT --> REMARQUES : Compatibilité : Internet explorer 5 et + : Oui Netscape 6 et + : Oui Internet Explorer 4 et - : Non Netscape 4 et - : Non fichier exemple : gauche_droite.htm
| Retour à WEB TOLOSA | CONSULTER |
