爪哇一角

共同探讨STRUTS#HIBERNATE#SPRING#EJB等技术
posts - 3, comments - 6, trackbacks - 0, articles - 99
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理
在需要显示的目标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隐藏起来.



只有注册用户登录后才能发表评论。


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问