我想在获取鼠标位置时，使div随着鼠标而动。

Question

<script language="javascript" type="text/javascript">
function m(evt){
document.getElementById("area").innerHTML=evt.clientX +" , "+evt.clientY;
p.style.left=evt.clientX;
p.style.top=evt.clientY;//我想在这里使div"p"的位置在鼠标的位置
}
</script>
<div id="area" style="font-size:36px;width:800px;height:600px;border:1px solid;" onmousemove="m(event);">d</div>
<div id="p" style="position:absolute;"><span>11111111</span></div>

Answer 1

应该如楼上所说，加上p.style.left=evt.clientX；

Answer 2

但不知道楼主有没有在FF中运行过这代码，我搞了一个，好像IE行，FF不行，望高手赐教。。

Answer 3

共享一下代码，功能是显示<h:datatable>内的数据集，在点击不同的链接，获取不同的数据集，当鼠标放上时以表格的形式显示出来。
代码：
<style>
.h_table_borderColor{
border-color:#666666;
}
.h_text02 {                    /*for footer text*/
    font-family:Arial;
font-size:8px;
color: #000000;
}
.h_oddColumn {
font-family:Arial;
font-size:10px;
color: #000000;
background-color: #FFFFFF;
line-height:12px;
vertical-align: middle;
}
.h_evenColumn {
font-family:Arial;
font-size:10px;
color: #000000;
background-color: #3399FF;
line-height:12px;
vertical-align: middle;

} 
</style>
<script language="javascript">
<!--
function doff(){
p.style.visibility="hidden";
}
function insert(sysname,IP,Port,sysUptime,evt)
{
p.style.visibility="visible";
document.getElementById('p').innerHTML='<table width="170px" cellspacing="0" cellpadding="0" border="0" class="h_table_borderColor text02">'+
'<tr class="h_oddColumn">'+
'<td align="center">SystemName :</td>'+
'<td align="center">'+sysname+'</td></tr>'+
'<tr class="h_evenColumn" style="width:600px">'+
'<td align="center">IP :</td><td align="center">'+
IP+'</td></tr>'+
'<tr class="h_oddColumn"><td align="center">Port :</td><td align="center">'+
Port+'</td></tr>'+
'<tr class="h_evenColumn" style="width:600px"><td align="center">Device Uptime :</td><td align="center">'+
sysUptime+
'</td></tr></table>';
p.style.left=evt.clientX-50;
p.style.top=evt.clientY-230;//我想在这里使div"p"的位置在鼠标的位置
p.style.background="lightyellow";
}
-->
</script>
<div id="p" style="position:absolute;z-index:5"><span ></span></div>
<h:dataTable id="nameMenuTable" value="#{menuMgrBean.nameMenu}" var="das"
width="100%" cellspacing="0" cellpadding="0"
rowClasses="#{menuMgrBean.rowClasses}" border="0" style="text-align:center;">
<h:column>
<h:graphicImage width="17" height="17"
url='#{(das.status == 0)?"images/alive.gif":"images/dead.gif"}'/>
</h:column>
<h:column>

<h:commandLink  id="com_name" value="#{das.name}" 
action="#{menuMgrBean.contentAction}" immediate="true"
 onmouseover="insert('#{das.name}','#{das.IP}','#{das.port}','#{das.system_sysUpTime}',event);"
 onmouseout="doff();">//在这里实现功能
<f:actionListener type="cn.com.pbi.netmgr.web.morning.VisitPathBean" />
<f:param name="deviceId" value="#{das.id}" />
<f:param name="cmdText" value="DeviceInfo" />
</h:commandLink>

</h:column>
</h:dataTable>
小妹初学，谢谢楼上大哥提示