Posted on 2010-06-01 15:17
非洲小白脸 阅读(427)
评论(0) 编辑 收藏 所属分类:
tag和页面操作
在需要显示的目标td处:
<td onmouseover="javascript:showOpstatView('其他显示信息')" onmouseout='javascript:opstatDivClose()'>
TR范围内信息</td>
showOpstatView:
function showOpstatView(msg)
{
var msgStr11 = msg;
var d_dialog = document.getElementById('opdiv');
d_dialog.innerHTML = msgStr11;
d_dialog.style.position="absolute";
d_dialog.style.posLeft = document.body.scrollLeft + event.clientX + 10;
d_dialog.style.posTop = document.body.scrollTop + event.clientY;
d_dialog.style.display='';
}
上面javascript中opdiv是一个用来显示其他信息的DIV,同时可以调整DIV显示的位置在触发处显示.
<div id="opdiv" style="cursor:hand;position: absolute;background-color: #F8F8F8;border: solid 0px #ccffcc"></div>
显示DIV的方法有了,隐藏DIV的方法如下:
function opstatDivClose()
{
var d_dialog = document.getElementById('opdiv');
if(d_dialog.style.display=='')
{d_dialog.style.display='none';}
else
{d_dialog.style.display='';}
}
这样,就可以在鼠标移出TD范围的时候,将DIV隐藏起来.