• Une image qui suit votre curseur. Un classique en Javascript !!!
    Attention, tout de même, aux éventuelles interférences avec d'autres scripts.
    Pour voir,  rafraichir la page (F5). Excepté  I.E
    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://ekladata.com/nwOR0-ohdQi_hRkMsaLRwjSm3gg/divers-bd-074.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://ekladata.com/nwOR0-ohdQi_hRkMsaLRwjSm3gg/divers-bd-074.gif';
    else
    newpos='http://ekladata.com/nwOR0-ohdQi_hRkMsaLRwjSm3gg/divers-bd-074.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://ekladata.com/nwOR0-ohdQi_hRkMsaLRwjSm3gg/divers-bd-074.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
    document.write('</a>');
    document.write('</div>');
    }
    // ]]></script>

    Source:

     

     

    Cliquez ici pour faire disparaître

    35 commentaires



    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires

Version standard

Poursuivre l'affichage en version standard (ordinateur),

cliquer ci-dessous

Clic ici

(Puis fermer cette fenêtre, en haut à droite)