Per ottenere i valori di offset da jquery

Question

Come trovare il valore di offset di un'immagine, che è incluso in una tabella. Il tavolo consiste di molte immagini. Voglio ottenere l'offset - a sinistra, a destra, in alto, in basso per tutte le immagini mentre si passa il mouse sull'immagine. Ho bisogno di questo in jQuery

Grazie,
Praveen J

Answer 1

var elem = $("your_element"); 
var offset = elem.offset(); 
var leftValue = offset.left; 
var topValue = offset.top; 

Per ottenere i valori di destra e in basso aggiungono i valori di larghezza e altezza a sinistra e in alto ..

Answer 2

Si prega di leggere il jQuery documentation. Queste funzioni sono spiegate molto chiaramente.

$("#yourImg").bind("mousemove", function(e) { 
    var $this = $(this); 
    var imgLeft = e.pageX - $this.offset().left; 
    var imgTop = e.pageY - $this.offset().top; 
    var imgBottom = $this.offset().top + $this.height() - e.pageY; 
    var imgRight = $this.offset().left + $this.width() - e.pageX; 

    // do more stuff here 
} 

Answer 3

Ho scritto un piccolo plug-in che fa proprio questo.

Ottiene la posizione dell'elemento che si desidera; a sinistra, a destra, in alto o in basso; relativo al suo genitore o al documento HTML.

Puoi trovarlo sul mio github: https://github.com/Ridle/jQuery-getOffsets