Comparsa div vicino al puntatore del mouse

Malware

Utente Attivo
19 Lug 2012
112
0
0
Salve a tutti

Sto cercando un metodo veloce per far comparire un div vicino al puntatore del mouse.

Devo scrivere tutto il codice così? (linguaggio umano-javascript misto:fonzie:):

Codice:
<script>

x=coordinata x mouse;
y=coordinata y mouse;

document.getElementById("div_descrizione").style.margin-top:y+5;
document.getElementById("div_descrizione").style.margin-left:x+5;

document.getElementById("div_descrizione").style.display="block";

</script>

Oppure esiste una funzioncina veloce? Thanks:)
 
Ciao
Io starei cercando qualcosa di corto.
Per le competenze che ho attualmente preferisco il mio :)

Qualcosa in jquery invece? Esiste che voi sappiate?
 
Ultima modifica:
a me non sembra tanto lungo
Codice:
<script type="text/javascript">
<!-- Autore: Massimo Giari -->
    function add(){
        check=document.getElementById?document.getElementById("Segui"):document.layers.Segui;
        if (!document.all)
            document.captureEvents(Event.MOUSEMOVE);
        document.onmousemove = segui;
    }
    function segui(img){
        if(document.all){
            alert('ie');
            check.style.top=window.event.clientY+10+document.body.scrollTop;
            check.style.left=window.event.clientX+15+document.body.scrollLeft;
        }
        else
            if(document.getElementById){
                check.style.top=img.pageY+10;
                check.style.left=img.pageX+15;
            }
        else
            if(document.layers){
                check.top=img.pageY+10;
                check.left=img.pageX+15;
            }
    }
    window.onload=add;
</script>
<div id="Segui" style="position:absolute;">MrWebmaster</div>
Sicuramente ci sara qualcosa anche in Jquery dubito pero che ci riusirai con 3 righe di codice
Domani mattina provo a cercare qualcosa
 
Ultima modifica:
Ho buttato giu questo
Codice:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(document).mousemove(function(e){
            var x = e.pageX;
            var y = e.pageY;
            $("#muovi").css({
                "top":y+10,
                "left":x+10
            })
        }); 
    })
</script>
<div id="muovi" style="position:absolute;">MrWebmaster</div>
Calcolando che dietro c'è tutto il framework di jquery non saprei dire qual'è il piu corto tra i due
 

Discussioni simili