Crossed lines which follws the cursor
You have already notice the effect .. Copy and past the codes below #:)
<HEAD>
<STYLE> <!-- #horizontal, #vertical { position:absolute; left:0; top:0; width:1px; height:1px; layer-background-color:black; background-color:maroon; z-index:100; font-size:1px; } --> </STYLE>
</HEAD>
<BODY>
<DIV ID="horizontal" STYLE="width:expression(document.body.clientWidth-2)"></DIV> <DIV ID="vertical" STYLE="height:expression(document.body.clientHeight-2)"></DIV> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- if (document.all&&!window.print) { horizontal.style.width=document.body.clientWidth-2; vertical.style.height=document.body.clientHeight-2; } else if (document.layers) { document.horizontal.clip.width=window.innerWidth; document.horizontal.clip.height=1; document.vertical.clip.width=1; document.vertical.clip.height=window.innerHeight; } function followmouse1() { //move cross engine for IE 4+ horizontal.style.pixelTop=document.body.scrollTop+event.clientY+1; vertical.style.pixelTop=document.body.scrollTop; if (event.clientX<document.body.clientWidth-2) vertical.style.pixelLeft=document.body.scrollLeft+event.clientX+1; else vertical.style.pixelLeft=document.body.clientWidth-2; } function followmouse2(e) { //move cross engine for NS 4+ document.horizontal.top=e.y+1; document.vertical.top=pageYOffset; document.vertical.left=e.x+1; } if (document.all) document.onmousemove=followmouse1; else if (document.layers) { window.captureEvents(Event.MOUSEMOVE); window.onmousemove=followmouse2; } function regenerate() { window.location.reload(); } function regenerate2(){ setTimeout("window.onresize=regenerate",400); } if ((document.all&&!window.print)||document.layers) window.onload=regenerate2; //--> </SCRIPT>
</BODY>