Mirino
Di Trantor
<![CDATA[
<html>
<head>
<title>Mirino</title>
<style type="text/css"><!--
#orizzontale {
position:absolute;top:0;left:0;width:1600;height:1;
background-color:red;font-size:0pt
}
#verticale {
position:absolute;top:0;left:0;width:1;height:1600;
background-color:red;font-size:0pt
}
// -->
</style>
<script type="text/javascript"><!--
n = (document.layers) ? 1:0
ie = (document.all) ? 1:0
var cx=0,cy=0,tempo=10
function Posizione() {
if (ie) {
cx=event.clientX+document.body.scrollLeft;
cy=event.clientY+document.body.scrollTop;
}
if (n) {
window.captureEvents(Event.MOUSEMOVE);
window.onmousemove=PosMouseNS;
}
}
function PosMouseNS(e) {
cx=e.pageX
cy=e.pageY
}
function Muovi() {
if (ie) {
document.all.verticale.style.left =cx
document.all.orizzontale.style.top =cy
}
if (n) {
document.layers.verticale.left =cx
document.layers.orizzontale.top =cy
}
}
setInterval("Muovi()",tempo)
// -->
</script>
</head>
<body onLoad="Posizione()" onMousemove="Posizione()" onScroll="Posizione()">
<div id="titolo">Mirino</div>
<hr>
<div id="orizzontale"></div>
<div id="verticale"></div>
</body>
</html>
]]>
Lezioni di Dynamic HTML