1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114
| <html>
<script type="text/javascript">
<!--
//============================================================
// Détermine le navigateur
//============================================================
var nsv=document.layers;
var iev=document.all;
if(!iev)var mov=document.getElementById;
var MouseX=0;
var MouseY=0;
var ScrollX=0;
var ScrollY=0;
//============================================================
// Retourne la position des scrollbars
//============================================================
function GetScrollPos(){
var curScrollX=ScrollX;
var curScrollY=ScrollY;
if(nsv){
ScrollX=window.pageXOffset;
ScrollY=window.pageYOffset;
}else{
if(document.documentElement.scrollLeft)
ScrollX=document.documentElement.scrollLeft;
else ScrollX=document.body.scrollLeft;
if(document.documentElement.scrollTop)
ScrollY=document.documentElement.scrollTop;
else ScrollY=document.body.scrollTop;
}
if(curScrollX!=ScrollX||curScrollY!=ScrollY) NewScrollPos();
}
//============================================================
// Retourne la position de la souris
//============================================================
function GetMousePos(e){
var curMouseX=MouseX;
var curMouseY=MouseY;
if(nsv){
MouseX=e.pageX-2-ScrollX;
MouseY=e.pageY-2-ScrollY;
}else if(mov){
MouseX=e.clientX;
MouseY=e.clientY;
}else{
MouseX=window.event.x;
MouseY=window.event.y;
if((navigator.userAgent).indexOf('Opera',0)<0){
MouseX=MouseX-2;
MouseY=MouseY-2;
}
}
if(curMouseX!=MouseX||curMouseY!=MouseY) NewMousePos();
}
//============================================================
// Appellée par une nouvelle position des scrollbars
//============================================================
function NewScrollPos(){ ReplaceDiv(); }
//============================================================
// Appellée par une nouvelle position de la souris
//============================================================
function NewMousePos(){ ReplaceDiv(); }
//============================================================
// Réactualise la position du div
//============================================================
function ReplaceDiv(){
if(nsv){
document.divbulle.left=ScrollX+MouseX;
document.divbulle.top=ScrollY+MouseY;
}else{
document.getElementById('divbulle').style.left=ScrollX+MouseX;
document.getElementById('divbulle').style.top=ScrollY+MouseY;
}
}
//============================================================
// Initialisation
//============================================================
if(nsv) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=GetMousePos;
setInterval('GetScrollPos()',1);
//============================================================
//-->
</script>
<body>
<table border="0" style="background:silver;">
<tr><td width="2000" height="2000"><p> </td></tr>
</table>
<div id="divbulle" style="position:absolute;left:0;top:0;">
<table border="0" style="background:red;">
<tr><td width="50" height="50"><p> </td></tr>
</table>
</div>
</body>
</html> |
Partager