<style type="text/css">
.f{
cursor:pointer;
position:absolute;
width:357px;
height:194px;
padding:15px 0 0 50px;
background-image:url(../Img/div.gif);
}
</style>
<script>
var oo = true
function create(obj){
if(oo==true){
oo=false
var div =document.createElement("div")
var z = document.getElementById("content").innerHTML
div.className="f"
div.id="div"
div.innerHTML=z
document.body.appendChild(div)
var left=obj.offsetLeft
var top=obj.offsetTop
var width=obj.offsetWidth
while (obj=obj.offsetParent) {
left += obj.offsetLeft;
top += obj.offsetTop;
};
document.getElementById("div").style.left=left+width
document.getElementById("div").style.top=top
div.onmouseout=del
}}function del(e){
e=e||event;
var obj=e.relatedTarget||e.toElement;
var div =document.getElementById("div")
if(div.contains(obj))return;
document.body.removeChild(div)
oo=true
}
</script>
<span id="text" onmouseover="create(this)" onMouseOut="del()"  style="cursor:pointer;" >1232</span>
<div id="content" style="display:none">
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</div>

解决方案 »

  1.   


    <style type="text/css">
    .f{
    cursor:pointer;
    position:absolute;
    width:357px;
    height:194px;
    padding:15px 0 0 50px;
    background-image:url(../Img/div.gif);
    }
    </style>
    <script>
    var oo = true
    function create(obj){
    if(oo==true){
    oo=false
    var div =document.createElement("div")
    var z = document.getElementById("content").innerHTML
    div.className="f"
    div.id="div"
    div.innerHTML=z
    document.body.appendChild(div)
    var left=obj.offsetLeft
    var top=obj.offsetTop
    var width=obj.offsetWidth
    while (obj=obj.offsetParent) {
    left += obj.offsetLeft;
    top += obj.offsetTop;
    };
    document.getElementById("div").style.left=left+width
    document.getElementById("div").style.top=top
    div.onmouseout=del
    }}function del(e){
    e=e||event;
    var obj=e.relatedTarget||e.toElement;
    var div =document.getElementById("div")
    if(div.contains(obj))return;
    document.body.removeChild(div)
    oo=true
    }
    </script>
    <span id="text" onmouseover="create(this)" onMouseOut="del()"  style="cursor:pointer;" >1232</span>
    <div id="content" style="display:none">
    <table>
    <tr>
    <td><%=username %></td><!--在这里赋值就可以 -->
    <td>2</td>
    <td>3</td>
    </tr>
    <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
    </tr>
    </table>
    </div>