Posición del ratón en tiempo real con Jquery

En el siguiente script veremos como saber la posición de nuestro ratón en tiempo real, espero que les guste.


<script type="text/javascript"> $(document).ready(function(){ $(document).mousemove(function(e){ var ancho_ventana= $(window).width(); var alto_ventana=$(window).height(); if ((e.pageY + 50)>alto_ventana){ $('#posicion').css({top:e.pageY-30,left:e.pageX+5}); $('#posicion').html(e.pageX +', '+ e.pageY); }else if((e.pageX + 100)>ancho_ventana){ $('#posicion').css({top:e.pageY+5,left:e.pageX-90}); $('#posicion').html(e.pageX +', '+ e.pageY); }else if(((e.pageX + 100)>ancho_ventana) && ((e.pageY + 50)>alto_ventana)){ $('#posicion').css({top:e.pageY-30,left:e.pageX-90}); $('#posicion').html(e.pageX +', '+ e.pageY); }else{ $('#posicion').css({top:e.pageY+5,left:e.pageX+5}); $('#posicion').html(e.pageX +', '+ e.pageY); } }); }) </script><br /> <br /> <style> body{ cursor:crosshair; background-color: #666; } .posicion{ width: 80px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; background-color: #C5BB83; padding: 5px; height: 15px; border: 1px solid #000; position: absolute; visibility: visible; -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf3-4 */ border-radius: 5px; text-align: center; font-weight: bold; z-index:1px; } </style><br /> <br /> <div id=posicion class=posicion></div>