Cr�er son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Image qui suit la sourisImage qui suit la souris
 
Image qui suit la souris

Javascript | Image qui suit la souris

Script crée par tiounou29 le 18-03-2007.

SocialTwist Tell-a-Friend

Une image qui suit le curseur de votre sourie ne vous a t'il jamais passé à l'idée .. Un système à installer simplement sur votre site web !

je trouve ce script génial enfaite c'est une image qui suit et regarde le curseur


Code :

<!-- DEBUT DU SCRIPT -->
<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://www.cclleemm.com/images/plugz2.png";

function Bouge_Image()
{
if (document.getElementById && anim)
{
posX = posX+(((x-posX)+20)/15);
posY = posY+(((y-posY)+20)/15);
if(posX<x)
newpos='http://www.cclleemm.com/images/plugz2.png';//[color=#1522E9]ici l'image qui regarde a gauche[/color]
else
newpos='http://www.cclleemm.com/images/plugz2.png';//[color=#1522E9]ici l'image de droite[/color]
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://www.cclleemm.com/images/plugz2.png" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
document.write('</a>');
document.write('</div>');
}
</script>
<!-- FIN DU SCRIPT -->


Poster un commentaire

Commentaire :

*Vous devez être connecté pour pouvoir poster un commentaire
Si vous n'êtes toujours pas inscrit, cliquez ici !

Commentaires

Ça sert à rien mais c'est cool !!!

Zeepix

Essaye déjà le script sans rien modifier, car ça peut venir de tes modifications ... Vérifie aussi que le type de fichier de ton TUx est le même.

Cclleemm

remi_du_13

je l'ai testé et sa ne marche pas peut être je les mal fait mais je ne pense pas car je l'ai refait 3 fois et toujours rien

mixxis

je vais essayer tout de suite :)

Thor772

Moi sa marche pas.

alvindu84

slt vous etre rentré dan mon elemen

mika52

Soumettre un script Javascript

*Vous devez être connecté pour pouvoir soumettre un script
Si vous n'êtes toujours pas inscrit, cliquez ici !