<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>
解决方案 »
- js document.getElementById("love").innerHTML 获取p标签js 输出值
- 使用extjs tabpanel autoload页面,ie下有时显示内容,有时不显示
- 使用DataTables遇到的问题
- javascript 的位逻辑运算
- javascript读取Cookie的问题!
- if语句怎样改为switch语句?
- listbox问题,js高手快来帮忙,在线等、给分
- 如何实现将'替换为"?(在线等待)
- 请大家谈谈摸态窗口用处以及怎么引用等问题,越多越好,谢谢
- netscape 不响应onclick事件吗?
- 文本框不清空问题!跟ifream有关?
- 请教一个用jquery的实际例子问题,有页面和问题描述
<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>