.offset Method

Syntax

.offset()

Description

The .offset method returns the left and top position value of the specified element in pixels. The .offset(coordinates) style property allows to change the selected element position. The below example shows how to change change the style of the specified element.

Example Code

<style> h4 {width:400;line-height:25px;margin:15px;padding:5px;border:3px solid #666; cursor:pointer;} </style> <script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("h4").click(function(){ var offset =$("h4").offset(); $("h4").html("The offset of the Paragraph is Left :" + offset.left + ", Top : " + offset.top); }); }); </script> <br><font color="Red">Jquery offset Style Property.</font> <h4>Click Mouse Once Here</h4><br>