`

任何对象的top和left

    博客分类:
  • js
 
阅读更多
var e=this;  //对象
		var t=e.offsetTop;   
		var l=e.offsetLeft;   
		var height=e.clientHeight;   
		while(e=e.offsetParent){
			t+=e.offsetTop;   
			l+=e.offsetLeft;
		}
		var _top=t;
	  	var _left=l;

 var e=this  //this表示对象,可封装成一个方法,传入一个对象得到该对象的top和left

分享到:
评论

相关推荐

    WPF button1 的Cavas top left动画

    要为Button添加Canvas Top和Left动画,我们首先需要创建一个Storyboard对象。Storyboard是一个时间线,用于管理一系列动画。在XAML中,可以这样创建: ```xml ``` 接下来,我们需要定义两个DoubleAnimation,...

    js取得DIV的top,left,width,height值.doc

    `getBoundingClientRect()`返回的对象还包括了`right`, `bottom`, `top`和`left`的相对坐标,以及`width`和`height`。 2. **CSSOM属性**: 除了`getBoundingClientRect()`,还可以通过CSSOM(CSS Object Model)...

    VB编写的利用控件的left和top属性实现控件上下左右移动的代码

    在VB(Visual Basic)编程环境中,控件的`Left`和`Top`属性是用于设置控件相对其容器(如Form或Panel)左边缘和上边缘的距离,通过改变这两个属性值,可以实现控件在界面上的位置变化。本篇文章将深入探讨如何利用`...

    Excel-VBA宏编程实例源代码-将控件设置为不显示(Top Left).zip

    这个压缩包文件"Excel-VBA宏编程实例源代码-将控件设置为不显示(Top Left).zip"提供了一个具体的例子,教我们如何通过VBA来隐藏工作表上的控件。以下是关于这个主题的详细解释: 1. **VBA(Visual Basic for ...

    VB的一些面向对象基础知识题题目及答案

    6. **控件属性**:像Name、Top、Left、Width和Height等属性是许多控件共有的,用于控制控件的位置和尺寸。控件数组中的元素共享这些属性,但可以通过Index属性区分。 7. **事件处理**:VB中的事件处理通常在事件...

    top.location.href和localtion.href有什么不同

    在Web开发中,`window.location`对象用于获取或设置当前浏览器窗口的位置信息,而`window.location.href`则用来获取或设置当前文档的URL。在涉及到网页中的框架(Frames)时,`top.location.href`与`location.href`...

    js 鼠标拖动对象 可让任何div实现拖动效果.docx

    本篇文章将详细介绍如何使用JavaScript实现一个简单的鼠标拖动对象功能,使得任何div元素都可以具备拖动效果。 首先,我们需要创建一个函数,这个函数会处理鼠标的按下、移动和释放事件,从而实现div的拖动。下面是...

    javascript获得对象的坐标

    return { top: top, left: left }; } // 示例用法 var elementPos = getElementPos('myElement'); console.log(elementPos); ``` #### 三、使用 `offsetTop` 和 `offsetLeft` 虽然 `getBoundingClientRect()` 是...

    js_Window对象及方法

    "js_Window对象及方法" window 对象是客户端 ...在窗口中触发本窗口对象的任何方法和属性时可以省去窗口的实例名称。但是,在事件处理中调用 location 属性、close() 方法或 open() 方法时必须使用实例名称。

    VBA结合API函数实现PowerPoint形状的拖放和目标区域响应效果

    每个Shape对象都有一系列属性,如`Name`、`Left`、`Top`、`Width`、`Height`、`Fill`、`Line`和`Visible`,允许用户控制其外观和位置。Shape对象的命名遵循PowerPoint的命名规则,依据形状类型和插入顺序自动生成,...

    题目详情31

    * @param topLeft the top-left corner of the rectangle * @param size the size of the rectangle */ public Rectangle(Point topLeft, Dimension size) { } /* (non-Javadoc) * @see java.lang.Object#toString...

    定义一个名为rectangle 的矩形类,其属性数据为矩形左上角和右上角的点的坐标能计算矩形的面积

    这个类有两个属性:`top_left`和`bottom_right`,它们是`Point`类的实例,分别表示矩形的左上角和右下角。此外,我们还需要一个方法`area`来计算矩形的面积。 ```python class Rectangle: def __init__(self, top_...

    javascript window对象

    - `left/top`: 在屏幕上的位置。 - `alwaysLowered`: 始终处于底层。 - `alwaysRaised`: 始终处于顶层。 - `dependent`: 依赖于当前窗口。 - `hotkeys`: 热键支持。 - `innerHeight/innerWidth`: 内容区的高度...

    documen t 对象

    在本篇文章中,我们将深入探讨`document`对象的一些关键方法和属性,以及如何使用它们来实现特定的网页功能。 首先,`getElementById()`方法是`document`对象中非常重要的一个方法,它通过指定的HTML元素ID来获取...

    css-绝对定位的参考对象

    在CSS中,我们使用`top`、`right`、`bottom`和`left`属性来调整绝对定位元素的位置。这些属性的值可以是像素、百分比或其他长度单位,它们表示元素与参考对象边界的距离。 例如: ```css .parent { position: ...

    车牌识别程序

    e=imcrop(d,[left top dd hh]); % 使用imcrop函数进行裁剪 end ``` **功能解读**: 1. **边界确定**:通过循环计算来确定图像的有效边界。 2. **图像裁剪**:利用 `imcrop` 函数对原图进行裁剪,获取包含有效信息...

    html对象属性大全

    `direction`属性决定滚动方向,如`down`、`up`、`right`和`left`。`loop`设置滚动次数,`width`和`height`定义尺寸,`bgcolor`设置背景色,`scrollamount`控制滚动速度,而`scrolldelay`则控制每次滚动之间的延迟。 ...

    第4章C程序设计教程与实验指导杨国兴类与对象PPT课件.pptx

    面向对象编程(OOP)是一种将现实世界中的实体抽象为计算机程序的方法,它强调数据和操作数据的方法的结合。 4.1 类与对象 类是具有相同属性和服务的对象的集合,它提供了一个抽象的描述。对象则是类的具体实例。...

    【JavaScript源代码】JavaScript style对象与CurrentStyle对象案例详解.docx

    - 对于一个没有任何样式定义的元素,`window.getComputedStyle()` 返回的对象中的 `length` 属性通常表示样式属性的数量,而 `style` 对象中 `length` 的值为 0,表示没有内联样式。 - 不同的浏览器对 `CurrentStyle...

    JQuery UI/API/1.7 中文帮助文档

    JQuery UI/API/1.7 中文帮助文档 ...ui.position - 辅助对象相对于上级元素的当前位置, 使用{ top, left } ui.offset - 辅助对象相对于页面的当前绝对位置, 使用{ top, left } 其他附加文件 UI Core 示例

Global site tag (gtag.js) - Google Analytics