bonjour
a voir aussi avec ce script attention les deux éléments doivent être parallèles
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.Style1 {
background-color: gray;
height:300px;
width:200px;
position:absolute;
left:0px;
}
.Style2 {
background-color: blue;
height:300px;
width:200px;
position:absolute;
left:400px;
}
</style>
<script type="text/javascript">
function tarto(s){ // detection du mouvement de sourie
if(navigator.appName.substring(0,3)=="Net"){
setY = s.clientY+document.documentElement.scrollTop;
}
else{
setY=event.clientY
}
}
if(navigator.appName.substring(0,3)=="Net"){
document.documentElement.addEventListener("mousemove", tarto, false);
}
else{
document.documentElement.attachEvent('onmousemove', tarto)
}
function suivi(){
document.getElementById('monimage').style.top=setY+'px'
timer=setTimeout(suivi,50)
}
</script>
</head>
<body>
<div class="Style1">
<img id="monimage" src='cal.gif' style="position:relative">
</div>
<div class="Style2" onmouseover='suivi()'onmouseout='clearTimeout(timer)'>
</div>
</body>
</html>