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

Ce site au démarrage

begin process at 2012 05 27 02:00:08

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

VOUS ETES SURVEILLER

Information sur la source

Note :

4,50 / 10

Catégorie :Javascript/DHTML Classé sous :yeux, oeil, curseur, web, eye Niveau :Initié Date de création :20/04/2001 Vu / téléchargé :11 909 / 267

Auteur : patoch

Ecrire un message privé

Site perso

Commentaire sur cette source (2)

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">
<!--
#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>

<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

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

MonOeil
- Images
  - yeux1.jpg 4 627 octets
  - yeux2.jpg 4 592 octets
  - yeux3.jpg 4 500 octets
  - yeux4.jpg 4 385 octets
  - yeux5.jpg 4 497 octets
  - yeux6.jpg 4 615 octets
  - yeux7.jpg 4 551 octets
  - yeux8.jpg 4 389 octets
  - yeux9.jpg 4 644 octets
- Oeil.html 2 567 octets

Télécharger le zip

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

CALENDRIER POPUP ET MULTICONTROLES par nico5969

ONGLETS DYNAMIQUES POUR ASP.NET par s_shadow

LOADING DANS UNE PAGE par Jackboy

AFFICHER / MASQUER LES COLONNES D'UN TABLEAU SANS RECHARGEME... par matche

VILLE EN FONCTION DU CP SOUS FORME DE CONTROLE ET SANS POSTB... par jesusonline

Toutes les sources de la catégorie Javascript/DHTML

Sources en rapport avec celle ci

WEB SERVICE SOFTWARE FACTORY - DE L’INSTALLATION AU TEST DE ... par romagny13

UN FORUM PERSO ASP.NET + C# par leproc

SERVICE WEB par bellow

[VB 8][.NET 2][ATLAS]EXPLORATEUR (WINDOWS LIKE) DE FICHIER S... par FREMYCOMPANY

WEB PAGE SCREENSHOT CAPTURE D'ÉCRAN DE PAGES WEB par badrbadr

Commentaires et avis

Commentaire de neojoce le 19/07/2002 06:18:23

c'est inutil, mais c fun, et j'en ai deja mit un sur mon site .. c con, mais c fun :)

Commentaire de Koubiak le 03/04/2003 10:41:21

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 :)

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Extraction de données d'une page web [ par atarik ] SVP, j'ai besoin de savoir comment extracter le contenu d'un tableau d'une page web et la mettre ds ma page pour être toujours à jours.c'est très urge Aspirateur web [ par gegemoi ] Bonjour je recherche un logiciel qui pourrait télécharger un site web avec des .asp que je pourrai ensuite mettre sur un serveur NTj'en ai essaye quel visual interdev [ par fightclub ] Bonjour, lorsque j'ouvre un nouveau projet web avec visual interdev , il me demande le nom d'un serveur web, et la je mets mon ip (car j'ai installé I Afficher le nombre d'utilisateurs connectés à une page Web depuis un site différent [ par Hard Day ] Salut,Je controle 2 sites web (noms de domaine et hébergeurs différents) , dont l'un heberge un chat java embedded dans une page html générée par ASP Personnal Web Server et Windows Me [ par Cybermax ] Bonjour, Je viens de me lancer dans l'ASP et je voudrais savoir s'il est possible d'installer le "Personnal Web Server" sur Windows Me ? Je crois savo Développement de vos site web asp/html [ par misterno ] Si vous souhaitez des conseils, aide, développement de votre site web, j'étudie toutes propositions.A++ Requête POST sans navigateur ! [ par phm ] Bonjour, j'ai besoin de requêter un site web à l'aide d'une base de données.J'y arrive bien en GET, mais pas en POST.Le Site accepte ma requête mais n Web Cam et serveur web et etc [ par kerad ] Salut,On m'a demandé aujourd'hui de mettre une vidéo d'une web cam en live sur le site INternet de la société mais je ne sais pas du tout comment fair application web [ par Ben ] rebonjour,aurait-il une personne qui ait déja développé une application web avec visual interdev 6.0. si c'est le cas peut-elle me donner les étapes à Diff`rences entre IIS 4 et IIS 5 [ par adoxe ] Je suis à me demander pourquoi est-ce que le code que j'implémente tourne bien sur IIS 4 et qu'il "hang" lorsque demandé sur IIS 5. Vous auriez une i

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : GRIDVIEW CHECKBOX par jacksparoow

GESTION DE BIBLIOTHèQUE par tdiniss

GRIDVIEW CHECKBOX par invent001

OUTIL MYSQL par nobla

AFFICHAGE D'IMAGES OU ZONE COULEUR SUR UN PLAN par yok28

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP