如何将层定位到一个链接的右下角？

Question

http://news.sina.com.cn/c/2006-12-04/193510680303s.shtml 
打开这个页面，找到"城市规划"这个链接，然后点击一下，我要的就是这种效果，谁会？

Answer 1

<script type="text/javascript">
function test(obj){
obj.appendChild(div1);
}
</script>
<div id="div1" style="position:absolute;"><img id="img" src="http://www.baidu.com/images/logo.gif" border=1 style="position:relative;top:20;left:-15" height="43" width="129" /></div>
<br /><br /><br />
<a href="javascript:;" id="link1" onclick="test(this);return false;">位置一</a><br /><br />
<a href="javascript:;" id="link2" onclick="test(this);return false;">位置二</a><br /><br />
<a href="javascript:;" id="link3" onclick="test(this);return false;">位置三</a><br /><br />

Answer 2

你可以添加到链接的后面（obj.parentNode.insertBefore(div1,obj.nextSibling);）.
也可以通过阻止冒泡来解决
----------
设style.left/top的方式会在调整窗口大小后产生错位
用移对象的方式会打断页面^Z功能。
---
你自己看着办吧。