Posted on 2010-06-01 15:17 
非洲小白脸 阅读(455) 
评论(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隐藏起来.