在jsp里面 当鼠标元素触发onmouseover时，旁边出现一个浮动且跟随鼠标的div ，移开消失

     JSP页面 ：

 

            

<label onmouseover="showLongStrlog(window.event, '<list:seqnum></list:seqnum>')" onmouseout="showDialog(window.event,'<list:seqnum></list:seqnum>')" >

                      <list:column field="EMPLOEE_REQUIRE" abbr="8"/>

                      <div /></TEXTAREA></div>

            </label>

 

 

  js :

      

    function showLongStrlog(e, i){

var oDiv=document.getElementById('showLong'+i);

oDiv.style.display="";

        var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;

        var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;

        var oEvent = e || window.event;

        oDiv.style.top = scrollTop+oEvent.clientY+"px";

        oDiv.style.left=scrollLeft+oEvent.clientX+"px";

       }

     function showDialog(e, i){

var oDiv=document.getElementById('showLong'+i);

oDiv.style.display="none";

    }