Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Une image qui suit la souris

Script posté par :

Sara et justine
Vous aussi, postez vos scripts en cliquant ici.

Description

C'est une image qui suit la souris.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 5 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 25/10/2004
Dernière modif : -
Visites de la page : 61570
Envois par mail : 909

Exemple :

Vous devez voir l'image non ?

Le code :

Entre <BODY> et </BODY> :

<script type="text/javascript">

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.monchval.com/images/cure-pieds.gif";

function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
            document.getElementById("teteronde").style.top = posY;
      document.getElementById("teteronde").style.left = posX;
      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.editeurjavascript.com/img/img_exemples/droite.gif" BORDER=0 HSPACE=0 VSPACE=0 NAME=tete ALT="Cliquez ici pour faire disparaître">');
   document.write('</A>');
   document.write('</DIV>');
   }
</SCRIPT>

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De mixba - le 10-02-2007

merveilleux a voir, je n'ai pas encore tester ! merci

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

LDLC
Un des plus anciens magasin en ligne d'informatiquye en France. Ils sont un peu chers, mais vraiment tres serieux.
http://www.ldlc.com/

Cat : Hardware
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

61312 membres
7202 comptes CountUs
1721 comptes myCircle

LES FORUMS :

14 forums
39941 topics
190891 messages
>> Les forums

SONDAGE

La mini-astuce "HTML / CSS" du jour par fred
L'attribut media vous permet de définir une feuille de style différente selon le média de sortie : affichage dans un navigateur (media="screen"), impression (media="print"), impression en braille (media="embossed"), etc. Syntaxe : <link rel="stylesheet" media="screen" href="style.css">
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi