`
zhang_yingjie
  • 浏览: 114580 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

几个left,top的解释

 
阅读更多
1.clientLeft,clientTop: 
  这两个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位该元素,他的值就是0.  


2.scrollLeft,scrollTop: 
  如果元素是可以滚动的,可以通过这俩个属性得到元素在水平和垂直方向上滚动了多远,单位是象素. 
  对于不可以滚动的元素,这些值总是0.

4.style.left: 
  定位元素与包含它的矩形左边界的偏移量 
  
5.style.pixelLeft: 
  返回定位元素左边界偏移量的整数像素值.因为属性的非像素值返回的是包含单位的字符串,例如,30px.   利用这个属性可以单独处理以像素为单位的数值. 
  
6.style.posLeft: 
  返回定位元素左边界偏移量的数量值,不管相应的样式表元素指定什么单位.因为属性的非位置值返回的是包含单位的字符串,例如,1.2em   
分享到:
评论

相关推荐

    jquery计算出left和top,让一个div水平垂直居中的简单实例

    首先,我们需要了解几个基本概念: 1. `div`:在HTML中,`<div>`元素是一个通用容器,用于组织其他元素,可以设置样式使其在页面上占据特定位置。 2. `position`:CSS中的`position`属性用于定义元素的定位类型,...

    详解CSS中左上朝向三角形(Top-Left Triangle)的几种制作方式

    #triangle-topleft { border: 30px solid #e6686e; height: 0; width: 0; border-right-color: transparent; border-bottom-color: transparent; } ``` 这种方法的关键在于设置一个非零的边框宽度,并通过透明...

    matlab实现图像旋转

    图像旋转主要涉及到以下几个关键步骤: 1. **确定旋转中心**:通常情况下,旋转中心选择为图像的中心点。 2. **计算旋转矩阵**:根据旋转角度θ,利用旋转变换矩阵进行计算。 3. **坐标映射**:将原图像的像素坐标...

    收藏的几个经典的css样式表示例

    这个压缩包文件"收藏的几个经典的css样式表示例"显然包含了几个使用CSS实现的独特设计技巧。下面我们将深入探讨其中可能涉及的知识点,特别是关于“纯css实现的圆角、山顶角”的部分。 首先,我们来讨论CSS中的圆角...

    ThicknessPropertyConverter,以便绑定Thickness的某几个属性

    Thickness的Top、Left等属性不是依赖项属性,不能单独绑定。...我的ThicknessPropertyConverter可以绑定到Thickness的任意一个或几个属性。 具体参见http://blog.csdn.net/gqqnb/article/details/8548509

    Excel单元格换行的几个方法.docx

    (1, .Left, .Top, .Width, .Height) End With With xSp .Fill.Visible = msoFalse .Line.Visible = msoFalse .Select End With End Sub 通过以上几个方法,可以实现 Excel 单元格换行的需求,并且每种方法都...

    对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解

    ### 对offsetLeft,offsetTop,scrollLeft,scrollTop几个方法的理解 在前端开发中,了解DOM元素的位置、大小以及滚动情况是非常重要的。`offsetLeft`, `offsetTop`, `scrollLeft`, `scrollTop`等属性可以帮助我们更好...

    图像几何变换集例代码

    根据给定的文件信息,我们可以总结出以下几个关键的图像几何变换知识点: ### 一、平移变换 在MATLAB中实现图像的平移变换时,通常会涉及到对图像的裁剪和填充操作来确保平移后的图像大小适配。平移变换通过调整...

    css浏览器解释

    了解了`overflow`后,我们转向`offset`属性,它实际上是`offset-top`, `offset-left`, `offset-width` 和 `offset-height`等几个相关属性的统称,主要用于绝对定位元素。在CSS3中,`offset`被包含在`position: ...

    VB几个编程方法

    标题中的“VB几个编程方法”指的是Visual Basic编程中的一些实用技巧和不常用的功能,这些方法可以帮助程序员更高效地开发应用程序。描述中提到这些方法适用于VB爱好者在编程时参考,以提高编程效率和用户体验。 1....

    几个JavaScript实例源码

    这可能涉及到对DOM元素的操作,例如获取或设置元素的`style.left`和`style.top`属性,以改变图片在页面上的位置。同时,可能还会结合`setInterval`或`requestAnimationFrame`函数来创建动画效果,定时更新图片的位置...

    介绍几款经典的C#button样式.docx

    因此,本文将介绍几款经典的 C# Button 样式,帮助开发者快速实现不同的 Button样式。 一、 btn 样式 第一个样式是 btn 样式,这个样式使用了 CSS 来设置 Button 的样式。这个样式的特点是使用了渐变颜色,鼠标...

    CSS常用的十几个技巧

    【CSS常用的十几个技巧】 在Web开发中,CSS(层叠样式表)是不可或缺的一部分,用于控制网页元素的样式和布局。以下是一些常用的CSS开发技巧,对于初学者和经验丰富的开发者来说都十分实用。 1. **使用css缩写**:...

    C#WPF的多屏显示问题(完善版)

    通过设置`Window.Left`和`Window.Top`属性,可以精确地控制窗口在屏幕上的位置。例如,以下代码将创建两个窗口,一个位于主屏幕,另一个位于第二屏幕: ```csharp var mainScreen = System.Windows.Forms.Screen....

    VC++ JPEG与BMP图像互转

    Title为程序窗口的标题,若标题很长,取前几个字就可以了。 函数调用语句样例: hl=findwindow("JPEG TEST"); . 3. long showjpg(char *fliename, long hwnd, long left, long top) 2. long showjpg1(char *...

    jquery弹出层 的几个例子

    标题"jquery弹出层的几个例子"暗示我们将通过实践案例来学习如何实现这一功能。以下是几个关键知识点: 1. **jQuery基本结构**:首先,确保在HTML文件中引入了jQuery库,例如`...

    自顶向下的语法分析:LL(1)分析法

    LL(1)分析器的工作过程大致可以分为以下几个步骤: 1. **文法分析**:首先,我们需要有一个规范的上下文无关文法(Context-Free Grammar, CFG)。这个文法通常由一组产生式规则组成,描述了语言的结构。例如,一...

    MATLAB夜间车牌识别程序

    在车牌识别领域,通常会涉及以下几个关键技术步骤: 1. 图像预处理:由于夜间环境光线较弱,图像可能存在噪声和光照不均等问题。预处理阶段包括图像去噪(如使用高斯滤波)、对比度增强和直方图均衡化,以提高图像...

    js特效--图片浮动

    总结来说,利用JavaScript创建图片浮动特效涉及以下几个关键点: 1. 访问和操作DOM元素,特别是通过ID选取特定元素。 2. 修改元素的CSS样式,如`top`和`left`,来改变其位置。 3. 使用定时器(`setInterval`)来周期...

Global site tag (gtag.js) - Google Analytics