-
Image qui suis le curseur
Image qui suit le curseur
Une image qui suit votre curseur. Un classique en Javascript !!!
Attention, tout de même, aux éventuelles interférences avec d'autres scripts.
Il vous faudra copier/coller le code ci-dessous, dans un module simple,
et mettre l'image de votre choix (en rouge dans le script) :***************************************
<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 = "http://.gif";function Bouge_Image()
{
if (document.getElementById && anim)
{
posX = posX+(((x-posX)+20)/15);
posY = posY+(((y-posY)+20)/15);
if(posX<x)
newpos='http://.gif';
else
newpos='http://.gif';
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="http://.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
document.write('</a>');
document.write('</div>');
}
// ]]></script>