主题: 3024-nightambiance-mobileambiancebase16-darkblackboardcobalteclipseerlang-darklesser-darkmbomdn-likemidnightmonokaineatneonightparaiso-darkpastel-on-darkrubybluesolarizedthe-matrixtomorrow-night-eightiesvibrant-ink 新窗口 视图: 左侧面板 HTML CSS JS 预览 F11(全屏显示选中的编辑器) 查看更多帮助信息

相关文章:

jQuery.offset() 函数详解

代码类型:

默认(HTML/CSS/JS) HTML混合(单页) PHP Java C# C++ C SQL

杂项:

• 启用CSS/JS语法检查
• 监测脚本运行错误
• 禁止库文件重复

文档类型:

HTML5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset 无

JS库文件:

无 jQuery 1.11.1jQuery 2.1.1jQuery 1.10.2jQuery 1.9.1jQuery 1.8.3jQuery 1.7.2jQuery 1.6.4jQuery 1.5.2jQuery 1.4.4jQuery 1.3.2jQuery 1.2.6

手动添加:

1. jQuery 1.11.1

<br> <br> <p id="n1">CodePlayer</p> <p id="n2" class="meta" left="20" top="50" >专注于编程开发技术分享</p> <p id="n3" class="meta" left="20" top="100">http://www.365mini.com</p>

var $n1 = $("#n1"); // 输出n1的当前坐标 var coord = $n1.offset(); alert( "当前坐标：(" + coord.left + ", " + coord.top + ")" ); // 当前坐标：(8, 60) // 设置n1的坐标为(0, 0) var offset = $n1.offset( {top: 0, left: 0}); var $meta_p = $("p.meta"); // 将所有带类名meta的p元素相对当前位置进行left和top属性指定的偏移。 $meta_p.offset( function(index, coord){ var $me = $(this); var left = $me.attr("left"), top = $me.attr("top"); left = isNaN( left ) ? 0 : parseInt(left, 10); top = isNaN( top ) ? 0 : parseInt(top, 10); return { "left": coord.left + left, "top": coord.top + top }; } );