如何实现在热身链接时，显示一个小窗口

Question

给你提供思路！
建立以个绝对定位div，dispaly属性设置none；。然后把z-inex属性设大点。
添加事件当鼠标经过的时候把div的dispaly属性设置为"".移开的时候再设置回none。

Answer 1

function getDim(el){   
  for (var lx=0,ly=0;el!=null;lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);   
  return {x:lx,y:ly}   
  }
function showlist(sid){
classes = getDim(document.getElementById("class_"+sid));
document.getElementById(sid).style.top=(classes.y-1)+"px";
document.getElementById(sid).style.left=(classes.x+215)+"px";
document.getElementById(sid).style.display="";
}
上面的函数可以回去触发事件标签的坐标。调整下后面的1和215的数值就可以获得你想要的位置

Answer 2

<SCRIPT LANGUAGE="JavaScript">
<!--
  function Show_Window()
 {
    //窗口没显示，捕捉坐标，并显示窗口
    .....    //当鼠标移出窗口时，隐藏窗口
    .....
 }
//-->
</SCRIPT><a href="" onmouseover="Show_Window()">超链接</a>我希望这么使用，谢谢

Answer 3

这个没有影响啊。
function getDim(el){  
  for (var lx=0,ly=0;el!=null;lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);  
  return {x:lx,y:ly}  
  } 
function Show_Window(sid){ 
classes = getDim(document.getElementById(sid)); 
document.getElementById(sid).style.top=(classes.y-1)+"px"; 
document.getElementById(sid).style.left=(classes.x+215)+"px"; 
document.getElementById(sid).style.display=""; 
} <a href="" onmouseover="Show_Window("links")" id="links">超链接 </a> 
这样不就可以解决了。

Answer 4

标题有问题，我的要求是：
    当指向超链接时,在链接的旁边显示一个小窗口，窗口的内容可以显示图片和链接，最好能在<a href=""></a>的onmouseover事件时显示，鼠标移出，窗口消失
示例（指向带链接的用户名，显示窗口）：

Answer 5

如果只是显示一些文字信息，加上title属性就可以了
例如：<a title="要显示的信息">一个用户</a>如果有图片就用AJAX