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

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 10 12 21:26:07

[SILVERLIGHT] EN ATTENDANT SILVERLIGHT 2 RTW par Audrey

LE NOUVEAU GOJIRA, C'EST POUR LUNDI. par coq

SHAREPOINT : NOUVEL ARTICLE SUR LA MISE EN PLACE DES SCOPES DANS MOSS SEARCHS par ROMELARD Fabrice

HELLO CS par julz

MSDN/TECHNET/MICROSOFT DAYS TOUR 2008 à LILLE LES 13 ET 14 OCTOBRE ! par redo

RE : PROBLEME D'AFFICHAGE D'UNE IMAGE AVEC ONMOUSEOVER ET SHOWTRAIL par stefane26

RE : CENTRAGE D'UNE PAGE AVEC MARGE NéGATIVES par PetoleTeam

RE : PROBLEME D'AFFICHAGE D'UNE IMAGE AVEC ONMOUSEOVER ET SHOWTRAIL par PetoleTeam

CENTRAGE D'UNE PAGE AVEC MARGE NéGATIVES par ludomacho

RE : CRéATION D'UN TCHAT par TheCamel

+ de logiciels à télécharger

1 260 739 membres
565 nouveaux aujourd'hui
14 412 membres club

Trouver une ressource

Trouvez une ressource parmi 38 837 codes, 1 185 989 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

VOUS ETES SURVEILLER

Information sur la source

Catégorie :Trucs & Astuces Niveau : Initié Date de création : 20/04/2001 Vu / téléchargé: 22 489 / 803

Auteur : patoch

Site perso

Ecrire un message privé

Note :

6,00 / 10

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>