Vous etes surveiller

0/5 (4 avis)

Vue 13 692 fois - Téléchargée 577 fois

Télécharger le projet
Commenter

Description

Des yeux qui suivent votre curseur
tres bel effet dans une page web

Source / Exemple : 


<html>
  <head>

    <style type="text/css">
    <!--
      #Pos1 {position: absolute;
           left: 0px;
           top: 0px}
    -->
    </style>
  

    <script language="JavaScript1.2">
    <!-- Masqué pour les anciens navigateurs

    //Coordonneés des yeux
    posX = 350;
    posY = 150;

    function placer (e, x, y, v) {
 
      e.left = x;
      if (e.style)
        e.style.left = x;
     
      e.top = y;
      if (e.style)
        e.style.top = y;
     
      e.visibility = v;
        if (e.style)
        e.style.visibility = v;
    }

    function init () {
       
      if (document.all)
        placer (document.all.Pos1, posX, posY, "visible");
      else
        placer (document.Pos1, posX, posY, "visible");
    }

    function MoveNS (Evenement) {

      regarder (document.Pos1,
            Evenement.pageX-50,
            Evenement.pageY-50);
    }

    if (document.layers) {
      
      window.captureEvents (Event.MOUSEMOVE);
      window.onMouseMove = MoveNS;
    }
      

    function moveIE () {
    
      regarder (document.all.Pos1,  event.x-50,  event.y-50);     
    }
    
    
    
    function regarder (e, x, y) {
    
      if ((x > posX + 100) && (y < posY))
        e.document.yeux.src = "images/yeux1.jpg";
      if ((x > posX + 100) && (y > posY) && (y < posY + 100))
        e.document.yeux.src = "images/yeux2.jpg";
      if ((x > posX + 100) && (y > posY + 100))
        e.document.yeux.src = "images/yeux3.jpg";

      if ((x > posX) && (x < posX + 100) && (y < posY))
        e.document.yeux.src = "images/yeux8.jpg";
      if ((x > posX) && (x < posX + 100) && (y > posY) && (y < posY + 100))
        e.document.yeux.src = "images/yeux9.jpg";
      if ((x > posX) && (x < posX + 100) && (y > posY + 100))
        e.document.yeux.src = "images/yeux4.jpg";

      if ((x < posX) && (y < posY))
        e.document.yeux.src = "images/yeux7.jpg";
      if ((x < posX) && (y > posY) && (y < posY + 100))
        e.document.yeux.src = "images/yeux6.jpg";
      if ((x < posX) && (y > posY + 100))
        e.document.yeux.src = "images/yeux5.jpg";
    }
    
    // -- Le reste n'est pas caché -->
    
    </script>
  
  </head>
  
  <body bgcolor="#ffffff" onMouseMove="moveIE ();" onLoad="init ();">
  

  <div id="Pos1"><img src="images/yeux9.jpg" name="yeux" width=100 height=100></div>

  <center>
  <h1><font color="red">Attention !</h1></font>
  On vous observe ?</center>
  
  </body>
</html>

Conclusion :


N'oubliez pas de crée un dossier IMAGES
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
cs_Koubiak Messages postés 1 Date d'inscription mardi 1 avril 2003 Statut Membre Dernière intervention 3 avril 2003
3 avril 2003 à 10:41
il suffit de déplacer les images dans un repertoire "images"
et ça marche :)


c'est marrant mais il faudrait plus d'images d'yeux pour que ça saccade moins :)
neojoce Messages postés 134 Date d'inscription jeudi 7 février 2002 Statut Membre Dernière intervention 16 juin 2002
19 juil. 2002 à 06:18
c'est inutil, mais c fun, et j'en ai deja mit un sur mon site .. c con, mais c fun :)
2frey
27 juil. 2001 à 17:34
Ou on choppe les images des yeux?
genoadmin
25 juil. 2001 à 13:00
chouette mais complètement inutile.. bref ca sert a rien...
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_patoch)