<style type="text/css"> 
.my_table{position:absolute;top:100px;left:80px;height:188px;width:200px;border:1px solid #158bbf;background:#e0e0e0} 
</style> 
<script type="text/javascript"> 
function $$(s)  

    return document.getElementsByName(s); 

function $(s)  

    return document.getElementById(s); 

function preview(v,n) 

var a = 'zp'+n; 
if(v == 1)  

$(a).style.display='block'; 
$(a).focus(); 

else if(v == 0)  

$(a).style.display='none'; 

} </script> <table border="1"> 
<tr> 
<td height="200px" width="400px" onmousemove="preview(1,1)" onmouseout="preview(0,1)"> <a href="#">职位名称 </a> </td> 
<div id="zp1" class="my_table" style="display:none;"  onmousemove="preview(1,1)"> 
这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容 
<a href="#">这里是联结 </a> 
</div> 
</tr> 
</table> 

解决方案 »

  1.   

    <style type="text/css"> 
    .my_table{position:absolute;top:100px;left:80px;height:200px;width:200px;border:1px solid #158bbf;background:#e0e0e0} 
    </style> 
    <script type="text/javascript"> 
    function $$(s)  

        return document.getElementsByName(s); 

    function $(s)  

        return document.getElementById(s); 

    function preview(v,n) 

    var a = 'zp'+n; 
    if(v == 1)  

    $(a).style.display='block'; 
    $(a).focus(); 

    else if(v == 0)  

    $(a).style.display='none'; 

    } </script> <table border="1"> 
    <tr> 
    <td height="200px" width="400px" onmousemove="t1=setTimeout('preview(1,1)',500)" onmouseout="t1=setTimeout('preview(0,1)',500)"> <a href="#">职位名称 </a> </td> 
    <div id="zp1" class="my_table" style="display:none;" onmousemove="t1=setTimeout('preview(1,1)',500)" onmouseout="t1=setTimeout('preview(0,1)',500)"> 
    这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容这是隐藏一的内容 
    <a href="#">这里是联结 </a> 
    </div> 
    </tr> 
    </table>