-
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>
35 commentaires
Suivre le flux RSS des articles
Suivre le flux RSS des commentaires