/* $Id: crosshairs (snipped) v 1.18 20:07 12/07/2015 robcor Exp $ */
/* $Description: HTML javascript crosshairs $ */
/* $Language: js >= 1.5 $ */
/* $First-version: 08:56 18/08/2002 $ */
/* $Confirmed-last-revision: Roberto CORRADO $ */

/**
* SCRIPT SVILUPPATO PER CONTO DI: TOOLS.CORRADOROBERTO.IT
* ROBERTO CORRADO AT WWW.CORRADOROBERTO.IT
* IL PRESENTE SOFTWARE E' COPERTO DAL PRINCIPIO DI
* PROPRIETA' INTELLETTUALE, PER TANTO E' CONSENTITO
* L'UTILIZZO PER I SOLI AMBITI CONCORDATI.
**/

<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
body{
overflow:hidden
}
#horizontal, #vertical{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
background-color:green;
text-indent:100%;
font-size:0;
}
</style>
<title>html cross by tools.corradoroberto.it</title>
</head>
<body>
<div id="vertical" style="height:expression(document.body.clientHeight -2)"></div>
<div id="horizontal" style="width:expression(document.body.clientWidth -2)"></div>
<div id="testo" style="position:absolute;left:5%;top:5%;background-color:green;color:white;text-align:center;width:50px;height:22px">ciao</div>
<script type="text/javascript">
<!--
/*<![CDATA[*/
var vert=document.getElementById('vertical');
var hori=document.getElementById('horizontal');
function yxz(e){
	var evt=e?e:window.event;
	vert.style.left=document.documentElement.scrollLeft+evt.clientX+1;
	hori.style.top=document.documentElement.scrollTop+evt.clientY+1
}
if(vert!='undefined'&&hori!='undefined'){
vert.style.height=document.body.clientHeight-2;
hori.style.width=document.body.clientWidth-2;
document.onmousemove=yxz
}
window.onresize=function(){
	location.reload()
}
/*]]>*/
-->
</script>
</body>
</html>

Show this record as plain/text

nopaste service by: Roberto Corrado