• 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>