`
lgtq1983
  • 浏览: 101180 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

获取JS对象的坐标 .

 
阅读更多
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼠标悬停提示效果</title>
<script language="javascript">
function showTip(elem,userid){
var x,y;
var e=event.srcElement
alert("获取属性信息:"+e.getAttribute("id"));
x = e.offsetLeft,   y = e.offsetTop+20;      
while(e=e.offsetParent)    
{    
   x += e.offsetLeft;      
   y += e.offsetTop;   
}  

document.getElementById(elem).style.left = x;
document.getElementById(elem).style.top = y;
document.getElementById(elem).style.display = "block";
}

function hiddenTip(elem){
document.getElementById(elem).style.display = "none";
}
</script>
</head>
<body>
<label id="aa" onmouseover="showTip('tipdiv')" onmouseout="hiddenTip('tipdiv')">送元二使安西</label>
<div id="tipdiv" style="width:160px; height:100px; border:1px solid #999; 

position:absolute;display:none; overflow:visible; padding:5px; 

background:#fff;color:green;">渭城朝雨浥轻尘,<br>客舍青青柳色新。<br>劝君更

尽一杯酒,<br>西出阳关无故人。</div>
</body>
</html>

 

分享到:
评论

相关推荐

    pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_

    `pdfdemo2-master_pdf.js坐标点_加工_pdf关键字坐标获取_`这个项目就是针对这一需求而设计的,它利用了PDF.js库来实现PDF文档的关键字坐标获取功能。 PDF.js是Mozilla开发的一个开源JavaScript库,用于在Web浏览器...

    js腾讯地图api获取坐标位置.zip

    【JS腾讯地图API获取坐标位置】是利用JavaScript编程语言与腾讯地图API进行交互,实现获取用户当前位置的功能。在Web开发中,这样的功能常用于提供基于地理位置的服务,如导航、附近搜索等。以下将详细介绍相关知识...

    JS点击百度地图获取坐标代码.zip

    在JavaScript(JS)中,利用百度地图API可以实现与地图的交互,如搜索地理位置和获取点击位置的坐标值。这个"JS点击百度地图获取坐标代码.zip"文件包含了一个基本示例,通过`index.html`文件展示了如何实现这一功能...

    three.js 3d坐标转平面坐标

    本教程将深入探讨如何在Three.js环境中将3D坐标转换为2D(平面)坐标,以便在网页上的div元素或其他2D元素上正确显示3D对象的一部分或全部。 首先,我们要理解3D坐标系统与2D坐标系统的区别。在3D空间中,每个点都...

    javascript获得鼠标的坐标值

    在JavaScript中,获取鼠标的坐标值是一项常见的任务,它在用户交互和动态界面设计中扮演着重要角色。根据描述,我们将讨论两种不同的场景来获取这些坐标:一是相对于`body`元素,二是相对于某个特定的对象。 ### 1....

    javascript获得对象的坐标

    根据给定文件的信息,本文将深入探讨如何使用JavaScript获取页面元素的坐标位置。这是一项非常实用的技术,在网页开发中有着广泛的应用场景,比如在实现拖拽功能、元素定位或者响应式设计时,都需要准确地知道元素的...

    腾讯地图搜索地址获取坐标.rar

    2. 初始化地图对象:在JavaScript中,创建一个地图实例,并设置地图的容器元素、中心点和缩放级别。 ```javascript var map = new qq.maps.Map(document.getElementById('container'), { center: new qq.maps....

    64.(cesium篇)cesium根据坐标位置获取地形高度.zip

    本篇文章将详细讲解如何利用Cesium库根据坐标位置获取地形高度,这对于地理数据分析、地图应用开发等场景具有很高的实用价值。 Cesium是一个基于 WebGL 的JavaScript库,它允许开发者在浏览器中创建交互式的3D地球...

    显示鼠标坐标.rar

    本压缩包文件“显示鼠标坐标.rar”很可能包含了一个程序或代码示例,用于实时显示鼠标在屏幕上的位置坐标。 在Windows操作系统中,鼠标坐标通常以像素为单位,其坐标系统原点(0,0)位于屏幕左上角,X轴向右延伸,Y...

    js实现获取div坐标的方法

    在本文中,我们将深入探讨如何使用JavaScript来获取页面中div元素的坐标。这是一项基础且实用的技术,在Web开发中经常会用到,尤其是在进行DOM操作、实现自定义的交互效果或开发动画时,获取元素的位置信息是必不可...

    js地理坐标与屏幕坐标互转换

    在ArcGIS JavaScript API中,地理坐标与屏幕坐标的相互转换是一项重要的功能,它允许开发者将地图上的地理位置(经纬度)转换为用户界面中的像素位置,反之亦然。这对于实现地图交互、绘制图形以及进行空间分析等...

    javascript获取对象的绝对坐标

    ### JavaScript 获取对象的绝对坐标 #### 知识点概述 在网页开发中,有时我们需要知道一个元素在其父级容器中的绝对位置,即该元素相对于页面左上角的坐标(X轴和Y轴的位置)。这对于实现某些动态效果或者交互功能...

    javascript获取鼠标当前位置坐标并显示

    ### JavaScript 获取鼠标当前位置坐标并显示 #### 知识点概览 本文将详细介绍如何使用JavaScript来获取鼠标在页面上的当前位置坐标,并实时显示这些坐标值。该功能主要涉及到以下几个知识点: 1. **事件监听器...

    openlayers点击获取坐标Demo

    可以通过`event.coordinate`获取地图投影后的坐标(地图的坐标系统通常是地理坐标系,如EPSG:4326): ```javascript map.on('pointerdown', function(event) { var clickCoord = event.coordinate; console.log...

    GPS坐标转换为百度地图坐标(JS)

    由于这两种坐标系的不同,当我们在GPS设备上获取到坐标后,如果想要在百度地图上准确地显示这些位置,就需要进行坐标转换。本篇将详细介绍如何使用JavaScript进行GPS坐标到百度地图坐标的转换,并提供两种方式:在线...

    全国地图城市坐标JS对象

    然后,你可以像操作任何其他JavaScript对象一样访问这些坐标数据: ```javascript console.log(cityCoordinates["北京"]["经度"]); // 输出:116.4074 console.log(cityCoordinates["上海"]["纬度"]); // 输出:31....

    35.(leaflet篇)leaflet+turf计算离点距离最近线上的点坐标.zip

    在本教程中,我们将深入探讨如何使用Leaflet和Turf.js这两个JavaScript库来计算离给定点最近的线上的点坐标。Leaflet是一个流行的开源库,用于创建交互式地图,而Turf.js则是一个地理空间分析库,提供了丰富的地理...

    javascript经典特效---显示鼠标坐标.rar

    当`mousemove`事件触发时,我们获取到`event`对象,从中可以提取`clientX`和`clientY`属性,它们分别代表鼠标相对于视口左上角的X和Y坐标。 然而,这些坐标是基于视口的,为了得到相对于整个文档的坐标,我们需要...

    Javascript获取鼠标坐标的各种类型

    JavaScript获取鼠标坐标是Web开发中的常见需求,尤其在交互式应用和动态效果中扮演着重要角色。本篇文章将详细介绍各种JavaScript方法来获取鼠标位置,并解释它们的用途和差异。 首先,我们可以使用`event`对象来...

    获取pdf文件中指定文字的坐标 附源码

    在处理PDF文件时,有时我们需要获取文档中的特定文字坐标,以便进行诸如自动盖章、签字等操作。这些操作通常涉及PDF处理库,如PyPDF2(Python)或iText(Java)等。 首先,我们要理解PDF文件的结构。PDF是由一系列...

Global site tag (gtag.js) - Google Analytics