关于DIV层显示问题

大家好，在这里有个问题请教一下，我现在做了一个链接，当鼠标点击连接的时候显示一个DIV层，现在能实现到鼠标移动到链接上则显示链接名，那我想请问下，我该如何做到，将鼠标移动到链接上，则显示其对应数据库中记录。代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>show div and move on div</title>
<style type="text/css">
    .floatPic{
        display:none;
        position:absolute;
        width:200px;
        height:10;
        boder:1px;
        background:lightblue;
    }</style>
<script type="text/javascript">
    var fhide=true;
    function ShowFloatPic(obj)
    {
        fhide=false;
        var div=document.getElementById("divinfo");
        div.innerHTML="";
        var itext=obj.firstChild.nodeValue;
        var tnode=document.createTextNode(itext,true);
        div.appendChild(tnode);
        div.style.display="block";
        div.style.left=event.clientX+30;
        div.style.top=event.clientY;
    }    function prepareHide()
    {
        fhide=true;
        setTimeout("tryHide()",500);
        //setTimeout(function(){if (fhide){HideFloatPic();}},500);
    }    function tryHide()
    {
        if (fhide)
        {
            HideFloatPic();
        }
    }    function HideFloatPic()
    {
        var div=document.getElementById("divinfo");
        div.style.display="none";
    }

    function cancelHide()
    {
        fhide=false;
    }</script>
</head><body style="margin:0;padding:0">
    <li><a href="#" onmouseover="ShowFloatPic(this)" onmouseout="prepareHide(this)">作番1</a></li>
    <li><a href="#" onmouseover="ShowFloatPic(this)" onmouseout="prepareHide(this)">作番2</a></li>
    <li><a href="#" onmouseover="ShowFloatPic(this)" onmouseout="prepareHide(this)">作番3</a></li>
    <li><a href="#" onmouseover="ShowFloatPic(this)" onmouseout="prepareHide(this)">作番4</a></li>
    <div id="divinfo" class="floatPic" onmouseover="cancelHide();" onmouseout="HideFloatPic();" ></div>
</body></html>

解决方案 »

  1.   

    建议用 jquery当onmouseover时 你用ajax 获取数据库的内容 显示在  id="divinfo" 的div 中
      

  2.   

    先要去获取数据库的信息，然后把他放到div里。。
      

  3.   

    你需要用ajax的技术，可以参考jquery的$.get()函数，去网上搜搜吧，主要的思路是，将鼠标移到链接上时调用get函数，去后台取值，它会有个回调的data，将data放到层中显示，就可以了
      

  4.   

    当触发ShowFloatPic事件的时候根据Id  调用ajax获取相关信息然后填充到一个DIV内 让DIV显示....目前想用js做这样的效果基本上就是ajax吧~!~~  还不知道有神马其他方法能够实现. 望高手指导~~