CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 03 20 04:29:54

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Code

Trucs & Astuces

> VOUS ETES SURVEILLER

VOUS ETES SURVEILLER

Information sur la source

Note :

6,00 / 10

Catégorie :Trucs & Astuces Niveau :Initié Date de création :20/04/2001 Vu / téléchargé :24 918 / 854

Auteur : patoch

Ecrire un message privé

Site perso

Commentaire sur cette source (3)

Ajouter un commentaire et/ou une note

Description

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

Source

<html>
<head>
<style type="text/css">
<!--
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="
<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>

<html>
  <head>


    <style type="text/css">
    <!--
                 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="  

  <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

Sources du même auteur

DES INFO-BULLES ORIGINALS

SUPERBE TEXTE DÉFILANT

MENU EXPLORER

Toutes les sources de patoch

Sources de la même categorie

HTML_ENTITIES_DECODE par zen69

ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico

OUTIL DE SÉLECTION par jdmcreator

SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma

DÉTECTER SI CSS EST ACTIVÉ par jdmcreator

Toutes les sources de la catégorie Trucs & Astuces

Commentaires et avis

Commentaire de WakBlack le 12/11/2002 18:55:28

Trop lolllllllllllllllllllllllll
Fodrait ptet lavoir ton image YEUX qui se trouve dans
images/yeux9.jpg
lollll
sinon c bien lol

Commentaire de TonicFlash33 le 18/03/2003 05:40:55

C?est bien drôle !!!
Merci

Commentaire de homelaet le 30/09/2005 12:14:12

moi j'adore

Ajouter un commentaire

Nos sponsors

Derniers Blogs

COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL

SQL SERVER : QUERY NOTIFICATION OU COMMENT êTRE NOTIFIé DE MODIFICATIONS DE DONNéES CôTé APPLICATION (SQLDEPENDENCY) par christian

[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson

MYTIC - SHAREPOINT 2010 : DéJà UN MYTHE MICROSOFT ? par junarnoalg

TECHDAYS 2010 GENèVE : RETROUVEZ-MOI POUR UNE SESSION SUR LA HAUTE DISPONIBILITé ET LE SCALEOUT AVEC SQL SERVER par christian

Forum

COMMENT CRéER UNE COMPTEUR EN JAVASCRIPT? par stefoulefou

MODIFIER DYNAMIQUEMENT LES COORDONNéES MAP D'UNE IMAGE CLIQUABLE par eguignier

APPELER UNE ANCRE D'UNE AUTRE PAGE AU COEUR D'UNE FONCTION JAVASCRIPT par MissArmande

RE : TRI PAR ORDRE ALPHABéTIQUE par PetoleTeam

RE : TRI PAR ORDRE ALPHABéTIQUE par El_CaNaRdO

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Logiciels

Academy System (10.9.4.0)
ACADEMY SYSTEM (10.9.4.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)
XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)

Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise...

Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate
Xilisoft DVD Ripper Ultimate (5.0.64.0304)
XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)

Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ...

Cliquez pour télécharger Xilisoft DVD Ripper Ultimate
Axalot, logiciel de sauvegarde de données en ligne (1.10.108.1)
AXALOT, LOGICIEL DE SAUVEGARDE DE DONNéES EN LIGNE (1.10.108.1)

Perdre tout le contenu de votre disque dur, vous imaginez ? Vos photos, vos musiques, votre compt...

Cliquez pour télécharger Axalot, logiciel de sauvegarde de données en ligne
Rigs of Rods (63.3)
RIGS OF RODS (63.3)

c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo...

Cliquez pour télécharger Rigs of Rods