`

Jquery获取控件的坐标位置

 
阅读更多

 

//offset()获取当前元素基于浏览的位置  
var left = $("selector").offset().left;//元素相当于窗口的左边的偏移量
var top = $("selector").offset().top;//元素相对于窗口的上边的偏移量

//
var pleft = $("selector").scrollLeft();//元素相对于滚动条左边的偏移量
var pTop = $("selector").scrollTop();//元素相对于滚动条顶部的偏移量

  //position()获取当前元素基于父容器的位置             
  var positiontop=$("#unamespan").position().top;  
 var positionleft=$("#unamespan").position().left;  

//设置panel2的位置基于unamespan的坐标  
 $("#panel2").css({position: "absolute",'top':offsettop+100,'left':offsetleft+50,'z-index':2});   

 


分享到:
评论

相关推荐

    jQuery 获得控件的坐标位置

    元素相当于窗口的左边的偏移量 元素相对于窗口的上边的偏移量 元素相对于滚动条左边的偏移量 元素相对于滚动条顶部的偏移量

    jquery实现的拖拉控件,然后保存坐标

    jquery实现的拖拉控件,然后保存坐标,下次打开则就是保存后的页面。 其中有一个xml文件,需要拷到c盘下面。

    jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标

    jQuery获得页面元素的绝对X,Y坐标,可以用offset()方法,下面有个不错的坐标大家可以参考下

    [原创]基于JQUERY的水平方向柱形统计图控件GooFlatChart类

    花生米AJAX-UI系列之:基于JQUERY的水平方向柱形图控件GooFlatChart类0.1版 本功能类是建立在JQUERY1.3.2的基础之上 //feature: //1.柱状图的各种柱形类型、颜色、名称及总数量均可自定义 //2.柱形图所用的坐标系也能...

    [原创]基于JQUERY的统计用曲线图控件GooCurveChart类

    曲线图的标题,各种数据的颜色、直角坐标系,名称及数量均可自定义 //2.曲线图的曲线上可以设置圈点,鼠标放上去后可显示提示信息,信息的格式可自定义,圈点的数量,位置均可自定义 //3.曲线的颜色,线条粗细,圈点...

    超实用的jQuery代码段

    1.18 获取鼠标在窗口客户区中的坐标 1.19 获取鼠标在窗口页面中的坐标 1.20 设置Flash对象的WMode窗口模式 1.21 实现类Twitter的字数限制效果 1.22 提示文本的隐藏与显示 1.23 实现文字闪烁效果 1.24 实现文字动画...

    jQuery攻略.pdf

    并且可以设置每页的行数 269 9.2 为图片添加注解 271 9.3 拖放表格中的行 273 9.4 取得、序列化并清理表单控件 275 9.5 通过Ajax提交表单 277 9.6 找到元素的准确位置和大小 281 9.7 以传送带的方式显示图片 284 9.8...

    jQuery拖拽div实现思路

    思路是利用jquery的mousemove,mousedown,mouseup三个事件,定义两个相对位置,分别是 1、组件左上角与屏幕左上角的相对位置 2、鼠标所在坐标与组件左上角的相对位置。 具体函数如下: 代码如下: .drag{ position:...

    JQ JS javascript layui UI组件 元素 div 拖动插件

    JQ JS javascript layui UI组件 元素 div 拖动插件JQ JS javascript layui UI组件 元素 div 拖动插件

    Highcharts-Gantt-8.1.2.zip

    Highgantt 是用纯 JavaScript 编写的甘特图控件 主要优势(功能特点) browsers兼容性 Highstock 可以在所有的移动设备及电脑上的浏览器中使用,包括 iPhone,iPad 和 IE6 以上的版本。在 IOS 和 Android 系统中 ...

    Highcharts-Stock-8.1.2.zip

    Highstock 是用纯 JavaScript 编写的股票图表控件,可以开发股票走势或大数据量的时间轴图表。它包含多个高级导航组件:预设置数据时间范围,日期选择器、滚动条、平移、缩放功能。 主要优势(功能特点) browsers...

    智能发票识别系统后台.zip

    前后端通过websocket和ajax通信,ajax主要用于按钮等控件的事件处理函数中的请求,websocket用于后端主动向前端推送消息 JSP控制cookies和session,在页面跳转时记录会话用户态,并可通过前端可视化界面对用户权限...

    autoJS1688示例.zip

    click控件获取坐标位置.js ColorMatrix处理图片↘颜色矩阵.js ColorMatrix颜色矩阵的用法.js common(1).js common.js config.js DailyTask.js DensityUtil.js didi.js digit.js dou_yin_yang_hao(1).js ...

    siteselector.github.io-MMFusion:项目页面

    [13] 这个坐标是你的地图居中的位置 [16] 缩放级别,可选修改 [17-22] 地图控件(假/真),可选修改[29 & 39] 融合表位置列是一个现有的位置类型的地理编码列。 例如国家名称或县名、邮政编码等 [30 & 40] Fusion ...

    使用canvas写的时间轴插件,可以实现拖动、点击返回时间点、增加录像块、放大缩小等功能

    分享一个使用canvas写的时间轴插件 这是一个使用canvas写的时间轴插件,可以实现拖动、点击返回时间点、增加录像块、放大缩小等功能 在我工作项目中用在了视频回放时间轴部分 项目开发刚好用到,找了很久终于合适

    JAVA上百实例源码以及开源项目

     util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...

    JAVA上百实例源码以及开源项目源代码

     util实现Java图片水印添加功能,有添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...

Global site tag (gtag.js) - Google Analytics