请问如何实现类似CSDN论坛,鼠标移到右边用户名上,就显示用户信息这样的小窗口的功能~~

Question

如题~~~

Answer 1

TO  JGOOD：
   按你那办法确实可以，但是会破坏页面的框架~
   比如本来DIV隐藏的时候一些字在原地，但是DIV显示的时候会把一些字挤下去~
   看了点资料，说是用JS的层来实现~~~
   JS本人确实不太熟悉，层~~~~~浮云~~~
   有没有好点的办法，或则代码看下~

Answer 2

function ShowToop(str)
{
var div = document.createElement("div");
div.innerHTML = str;
div.style.top = 200;
div.style.left = 200;
div.id = "toopDiv";
document.body.appendChild(div);
}
function CloseToop(){
   var div = document.getElementById("toopDiv");
   if(div){
       document.body.removeChild(div);
   }
}
<span id="test" onmousemove="ShowToop('test');" onmouseout="CloseToop();">test</span>

Answer 3

但是DIV显示的时候会把一些字挤下去~那你就在div的style里加入position:absolute;就不会挤可.

Answer 4

  TO wuxiang2006:
   你的办法不行~~~
   听说应该用相对层来搞定 ~