Design @CF http://www.chtitefleur.com/

*~ Avoir une image qui suit votre souris ~*

Pour l'exemple regardez votre souris :o)

Copier le code ci dessous entre les balises <body> et </body>

<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 = "http://img267.imageshack.us/img267/7323/ange004nd0.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://img267.imageshack.us/img267/7323/ange004nd0.gif'; else newpos='http://img267.imageshack.us/img267/7323/ange004nd0.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="http://img267.imageshack.us/img267/7323/ange004nd0.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />'); document.write('</a>'); document.write('</div>'); } </script>

Pour modifier l'image il vous faut changer les urls se trouvant vers la fin du script :

newpos='http://img267.imageshack.us/img267/7323/ange004nd0.gif';
else
newpos='http://img267.imageshack.us/img267/7323/ange004nd0.gif';

Le 1er lien concerne l'image lors que votre souris va à gauche et le2ème lorsque votre souris va à droite.

Moi personnellement j'ai mit la même image car je voulais que mon petit ange.

Retour à la liste des scripts.