es bien facil, solo necesitas hacer uno de capas con position relatvie con z-index alto y usa javascript para saber la posicion de mouse.
pero para la posiicon de mouse todo es un desmadre en cuestion de compatiblidad con navegadores asi que te paso el codigo que yo uso
Código HTML:
<head>
<title>Coordenadas</title>
<script language="JavaScript">
<!--
function mouseMove(e) {
document.getElementById("ejeX").value = (document.all)? event.x+document.body.scrollLeft : e.pageX
document.getElementById("ejeY").value = (document.all)? event.y+document.body.scrollTop : e.pageY
}
function init() {
if (!document.all) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = mouseMove;
}
// -->
</script>
</head>
<body onload="init()">
Eje X <input type="text" id="ejeX" value="0" size="4">
<br>Eje Y <input type="text" id="ejeY" value="0" size="4">
</body>
</html> y ya mueves la capa cada vez que mueva el mosue determinados pixeles a lado y asi sececivamente