87,996
社区成员
发帖
与我相关
我的任务
分享页面上有一个小图片a,一个大图片b,想让a以b左上角为坐标定位. 看看这段代码为什么a还是以页面坐标定位.
页面上有一个小图片a,一个大图片b,想让a以b左上角为坐标定位. 看看这段代码为什么a还是以页面坐标定位.
<div id="pica" style="position:absolute; border:1 solid black;display:none" onmouseover="this.style.display='none';">
<img src="c.gif">
</div>
<img src="b.gif" id="picb">
<script language="javascript">
var x = 200, y=300;
function window.onload()
{
document.all("pica").style.left =document.all("picb").style.left+ x;
document.all("pica").style.top =document.all("picb").style.top + y;
document.all("pica").style.display = "";
}
</script>
<div id="pica" style="position:absolute; border:1 solid black;display:none" onmouseover="this.style.display='none';">
<img src="c.gif">
</div>
<img src="b.gif" id="picb">
<script language="javascript">
var x = 200, y=300;
function window.onload()
{
document.all("pica").style.left =document.all("picb").style.left+ x;
document.all("pica").style.top =document.all("picb").style.top + y;
document.all("pica").style.display = "";
}
</script>
...全文
请发表友善的回复…
发表回复
emu 2002-10-27
- 打赏
- 举报
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> emu </title>
</head>
<body>
<div id="pica" style="position:absolute; border:1 solid black;">
<img src="http://expert.csdn.net/images/csdn.gif">
</div>
<img src="http://www.csdn.net/images/ad/vsnet_120.gif" id="picb" style="position:absolute;top:100;left:100;">
<script language="javascript">
var x = 100, y=100;
function window.onload()
{
document.all("pica").style.left =parseInt(document.all("picb").offsetLeft)+ x;
document.all("pica").style.top =parseInt(document.all("picb").offsetTop)+ y;
document.all("pica").style.display = "";
}
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> emu </title>
</head>
<body>
<div id="pica" style="position:absolute; border:1 solid black;">
<img src="http://expert.csdn.net/images/csdn.gif">
</div>
<img src="http://www.csdn.net/images/ad/vsnet_120.gif" id="picb" style="position:absolute;top:100;left:100;">
<script language="javascript">
var x = 100, y=100;
function window.onload()
{
document.all("pica").style.left =parseInt(document.all("picb").offsetLeft)+ x;
document.all("pica").style.top =parseInt(document.all("picb").offsetTop)+ y;
document.all("pica").style.display = "";
}
</script>
</body>
</html>
希默软件 2002-10-27
- 打赏
- 举报
<div id="pica" style="position:absolute; border:1 solid black;display:none" onmouseover="this.style.display='none';">
<img src="c.gif">
</div>
<img src="b.gif" id="picb">
<script language="javascript">
var x = 200, y=300;
function window.onload()
{
document.all("pica").style.left =document.all("picb").offsetLeft+ x;
document.all("pica").style.top =document.all("picb").offsetTop + y;
document.all("pica").style.display = "";
}
</script>
<img src="c.gif">
</div>
<img src="b.gif" id="picb">
<script language="javascript">
var x = 200, y=300;
function window.onload()
{
document.all("pica").style.left =document.all("picb").offsetLeft+ x;
document.all("pica").style.top =document.all("picb").offsetTop + y;
document.all("pica").style.display = "";
}
</script>
