获取JS对象的坐标 .

最新推荐文章于 2024-01-10 16:32:26 发布

原创最新推荐文章于 2024-01-10 16:32:26 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现鼠标悬停时显示提示信息的效果，包括事件监听、元素定位及样式控制。

<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>