Curseur qui suit la souris

Mise ne Page/Ajouter un Gadget/ Html Javascript

 Code Javascript:

<script type="text/javascript">// <![CDATA[

/* Image qui suit la souris */

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 = "URL DE L'IMAGE";

function Bouge_Image()

{

if (document.getElementById && anim)

{

posX = posX+(((x-posX)+20)/15);

posY = posY+(((y-posY)+20)/15);

if(posX<x)

newpos='URL DE L'IMAGE;

else

newpos='URL DE L'IMAGE';

if(newpos!=oldpos)

{

document.tete.src=newpos;

oldpos=newpos;

}

document.getElementById("teteronde").style.top = posY+"px";

document.getElementById("teteronde").style.left = posX+"px";

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 style="width:50px;" src="URL DE L'IMAGE" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');

document.write('</a>');

document.write('</div>');

}

// ]]></script>