首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

小弟我想在获取鼠标位置时,使div随着鼠标而动

2012-03-08 
我想在获取鼠标位置时,使div随着鼠标而动。scriptlanguage javascript type text/javascript funct

我想在获取鼠标位置时,使div随着鼠标而动。
<script   language= "javascript "   type= "text/javascript ">
function   m(evt){
  document.getElementById( "area ").innerHTML=evt.clientX   + "   ,   "+evt.clientY;
  p.style.top=evt.clientX   ;//我想在这里使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 "> <span> 11111111 </span> </div>

[解决办法]
<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>

热点排行
Bad Request.