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
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.