怎样取得图片的绝对位置？
怎样取得图片的绝对位置？
就是LEFT和leftY两个
问题点数：0、回复次数：6Top
1 楼dylanOK（迪伦）回复于 2002-07-14 18:07:33 得分 0
<img id=img1 src="abc.gif" onclick="alert(this.offsetLeft+','+this.offsetTop)">Top
2 楼llrock（百乐宝||昨夜星辰）回复于 2002-07-14 22:47:49 得分 0
修正楼上的错误，offset只是得到与其容器的相对值Top
3 楼meizz（梅花雪）回复于 2002-07-14 22:54:53 得分 0
<script language="Javascript">
function getIE(e){
var t=e.offsetTop
var l=e.offsetLeft
while(e=e.offsetParent){
t+=e.offsetTop
l+=e.offsetLeft
}
alert("top="+t+"\nleft="+l)
}
</script>
<img src="**.gif" id=img1 onclick=getIE(this)>Top
4 楼lanbor（web）回复于 2002-07-15 00:26:02 得分 0
哈哈。meizz(梅花雨)这段代码很精彩呀。。。Top
5 楼dylanOK（迪伦）回复于 2002-07-15 09:34:24 得分 0
嗯.梅兄的剑法果然绝妙！佩服佩服. ：）
还有，下面这样也可以的.
<img id=img1 src="abc.gif" onclick="ff(this)">
<script>
function ff(obj){
obj=obj.getBoundingClientRect();
alert(obj.top+","+obj.left);
}
</script>Top
6 楼llrock（百乐宝||昨夜星辰）回复于 2002-07-15 14:12:48 得分 0
写了两个函数，用下面这两个函数就可以了，没找到直接的属性,getAbsoluteX(图片的id或name)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<div id="Layer1" style="position:absolute; left:100px; top:300px; width:385px; height:203px; z-index:1; background-color: #CC33CC; layer-background-color: #CC33CC; border: 1px none #000000">
<div id="Layer3" style="position:absolute; left:100px; top:50px; width:215px; height:214px; z-index:2; background-color: #999999; layer-background-color: #999999; border: 1px none #000000">
<div id="Layer2" style="position:absolute; left:100px; top:50px; width:166px; height:204px; z-index:2; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000">
<IMG id=img1 SRC="D:/macIMG/animation90x80[1].gif" WIDTH="90" HEIGHT="85" BORDER=0 ALT=""> </div>
</div>
</div>
<div id="Layer4" style="position:absolute; left:516px; top:188px; width:162px; height:187px; z-index:2"></div>
<TEXTAREA NAME="asd" ROWS="12" COLS="9" onkeydown="alert(3)">123456789987654321</TEXTAREA>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getAbsoluteX(e){
var end=document.body.sourceIndex;
var x=e.offsetLeft;
var sid=e.parentElement.sourceIndex;
var tmp=e.parentElement;
while(sid!=end){
x+=tmp.offsetLeft;
tmp=tmp.parentElement;
sid=tmp.sourceIndex;
}
return x
}
function getAbsoluteY(e){
var end=document.body.sourceIndex;
var y=e.offsetTop;
var sid=e.parentElement.sourceIndex;
var tmp=e.parentElement;
while(sid!=end){
y+=tmp.offsetTop;
tmp=tmp.parentElement;
sid=tmp.sourceIndex;
}
return y
}
//-->
</SCRIPT>
<INPUT TYPE="button" value=hello NAME="asdf" onclick="if(asd.innerHTML.indexOf('\n')!=-1)alert(asd.innerHTML)">
</BODY>
</HTML>
Top
