如何做CSDN论坛上 鼠标滑到用户上出现的提示

Question

alt  创建显示层就可以了 ，动态的就然后把数据显示到上面
静态的就加载时全部加载，然后隐藏层 
建议用动态的

Answer 1

div+css+javascript （静态的）动态的话，把javascript 换成 ajax 就差不多了，原理都差不多，呵呵

Answer 2

 <script language="javascript">function showDivMenu(){
  document.getElementById("leon").style.left = window.event.clientX - 100 ;//鼠标位置
  document.getElementById("leon").style.top = window.event.clientY + 15 ;
  if (document.getElementById("leon").style.display =="none")
  {
      document.getElementById("leon").style.display ="block";   }
  else if(document.getElementById("leon").style.display == "block")
  { 
      document.getElementById("leon").style.display ="none";  }
}</script>
<table>
<tr>
<td onMouseOver="showDivMenu();" onMouseOut="showDivMenu();">
<div align="center">
查阅
</div>
</tr>
</table>
<div id="leon" style="position:absolute; rigt:500px; background:#B8D5F5; display:none; top:225px;">
sssssssssssssssssssssssssssssssssss
</div>

Answer 3

onmouseover的时候显示一个层,然后用ajax去获取值来填充这个层.

Answer 4

csdn 的tip做得不完善,很多情况没有考虑,只是大略的算了坐标而已,(不过这样可以省掉很多判断)

Answer 5

鼠标经过的时候动态创建DIV，Ajax技术将需要的内容填充进去，不过用户的状态信息似乎已经搞到缓存里面了，不然每次都访问性能上无法承受吧，个人想法。