关于div的一个问题

Question

<table>
        <tr>
            <td>
                学 号：</td>
            <td><input type="text" id="textStuNum" runat="server" onfocus="javascript:document.getElementById('divValue').style.display='block';" /></td>
        </tr>
</table>
<div id="divValue" style="display:none;">
<a href="javascript:void(0);" onclick="javascript:setValue(this);">值一</a><br>
<a href="javascript:void(0);" onclick="javascript:setValue(this);">值二</a><br>
<a href="javascript:void(0);" onclick="javascript:setValue(this);">值三</a><br>
<a href="javascript:void(0);" onclick="javascript:setValue(this);">值四</a><br>
</div>
<script language="javascript" type="text/javascript">
function setValue(obj)
{
document.getElementById('textStuNum').value=obj.innerHTML;
document.getElementById('divValue').style.display='none';
}
</script>
    </div>
我怎么控制div是弹出来而不是再页面内显示，求详解

Answer 1

设置position
<div id="divValue" style="display: none;position:absolute;top:50px;left:50px;">
看你要显示在什么地方，自己可以调top,left的距离

Answer 2

找一个Ｊquery的吧，这个比较好

Answer 3

jquery的很多