IMAGE QUI SUIT VOTRE CURSEUR

A la demande de Nounouchouette, voici comment mettre une image qui suit votre curseur sur votre blog.

Ouvrez votre page d'accueil, descendez tout en bas, et juste après la balise </body> collez le script suivant :
Remplacez les adresses en rouges par celle de votre image.

<script type="text/javascript">

/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php

SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT

http://www.editeurjavascript.com
*/
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 = "https://storage.canalblog.com/05/09/236987/22738567.gif";

function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
         newpos='https://storage.canalblog.com/76/49/236987/22738281.gif';
      else
         newpos='https://storage.canalblog.com/05/09/236987/22738567.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 src="https://storage.canalblog.com/76/49/236987/22738281.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
   document.write('</a>');
   document.write('</div>');
   }
</script>

Comments

[mumu]

bonjour et merci pour tout ton partage!!ce blog est une mine d'or!!
j'aimerias bcp ajouter une petite image qui suit le cuseur quand on se ballade sur mon blog mais soucis!! deja je n'arrive pas a savoir comment on va sur la page d'acceuil de mon blog!!j'ai tt essayé et je ne trouve pas la fameuse balise: body..
ou dois je aller exactement?????help!!
merci d'avance

[fériel]

Merciiiii Demolite !!!
[Coeur] ,moi aussi j'ai du remplacé les 4 adresses

[christine II]

toujours aussi nul[Non] , on dirait que j'ai un pb avec les dimensions[sos]

[christine II]

Et celui-là ?

[christine II]

oups! pas génial mon gravatar[Filp] , je vais voir ça de + près ...