这是个浮动窗口,一般用层
数据可能是从数据库中读出给你一个简单窗口,只要知道浮动原理可以了<html>
<head>
  <title>
    有提示的链接
  </title>
    
  <SCRIPT language=JavaScript>
    
    if(!document.layers&&!document.all)
    //测试浏览器是什么版本,这里指出它既非IE也非Netscape
      event="test"
    
    function showtip2(current,e,text)
    {
      if(document.all&&document.readyState=="complete")
      //假如是IE浏览器且网页已读出
      {
        document.all.tooltip2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>'
        //利用marquee标签实现从右移到左的文字效果
        
        document.all.tooltip2.style.pixelLeft =event.clientX+document.body.scrollLeft+10
        document.all.tooltip2.style.pixelTop =event.clientY+document.body.scrollTop+10
        //设置提示信息的出现位置
        
        document.all.tooltip2.style.visibility="visible"
        //设置提示信息可视
      }
      else 
        if (document.layers)
        //假如是Netscape浏览器
        {
          document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
          document.tooltip2.document.nstip.document.close()
          document.tooltip2.document.nstip.left=0
          //初始化提示信息出现位置
          
          currentscroll=setInterval("scrolltip()",100)
          //由于没有marquee标签,所以利用setInterval循环调用来实现
          
          document.tooltip2.left=e.pageX+10
          document.tooltip2.top=e.pageY+10
          //设定提示信息出现位置
          
          document.tooltip2.visibility="show"
          //设置提示信息可视
        }
    }
    
    function hidetip2()
    {
      if(document.all)
        document.all.tooltip2.style.visibility="hidden"
      //在浏览器是IE的情况下,隐藏提示信息  
      else 
        if(document.layers)
        {
          clearInterval(currentscroll)
          document.tooltip2.visibility="hidden"
          //在浏览器是Netscape的情况下,隐藏提示信息
        }
    }    //这个函数是在浏览器是Netscape的情况下,作出文字移动效果
    function scrolltip()
    {
      if(document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
        document.tooltip2.document.nstip.left-=5
      else
        document.tooltip2.document.nstip.left=150
    }  </SCRIPT></head><body>  <DIV id=tooltip2 style="background-color: white; clip: rect(0px 150px 50px 0px); height: 1px; left: 2px; position: absolute; top: 0px; visibility: visible; width: 100px; z-index: 2">
    <LAYER name="nstip" width="500px" bgColor="white">
    </LAYER>
  </DIV>
  <br>
  <center>
    <A href="http://www.tsinghua.edu.cn" onmouseout=hidetip2() onmouseover="showtip2(this,event,'欢迎来到清华大学')" target=_blank>
      清华大学主页
    </A>
  </center></body>
</html>