JavascriptProva

giovedì 19 gennaio 2012

Un cartellino che segue il mouse

Un cartellino stupido che segue il mouse.
Sparisce se il mouse va fuori dalla finestra.
<script>
function segna(e){

 document.getElementById("coords").style.left=e.clientX+10;
 document.getElementById("coords").style.top=e.clientY+10;
 document.getElementById("coords").style.visibility="visible";
}
 
function occulta(){
 document.getElementById("coords").style.visibility="hidden";
}
</script>

<body onMouseMove="segna(event);" onMouseOut="occulta()">
<div id="coords" style="visibility:hidden;padding:10px;background:yellow;border:2px solid green;position:absolute;width:110px;height:30px;">Io seguo il mouse</div>
</body>

Nessun commento:

Posta un commento