随鼠标移动的div层使用ie ff

 .center_div2
        {
            position: absolute;
            z-index: 1;
            text-align: center;
            display: none;
            background-color: #e0e7ef;
        }

       

.center_div_tips2

        {         

           position: relative;                 

           color: Red;

   }

 

    <div id="detailDiv" class="center_div2">
        <span class="center_div_tips2"><img src="http://www.cnblogs.com/Utility/Skin/img/loading.gif" alt="" />数据更新中...</span>
    </div> 

 

function IsIE() {

    var OsObject = "";
    if (navigator.userAgent.indexOf("MSIE") > 0) {
        return true;
    }
}

        function mouseMove(ev) {

           /*ie 与ff的event 机制不同*/

            ev = ev || window.event;
            var mousePos = mouseCoords(ev);
            var detailDiv = document.getElementById("detailDiv"); //将要弹出的层
            detailDiv.style.left = (mousePos.x + 10) + "px";
            detailDiv.style.top = (mousePos.y + 18) + "px";
        }

        function mouseCoords(ev) {
            if (ev.pageX || ev.pageY) {
                return {
                    x: ev.pageX,
                    y: ev.pageY
                };

            }

 

/*ie 与 ff的边界 处理不同*/

            if (IsIE()) {
                return { x: ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft, y: ev.clientY + document.documentElement.scrollTop - document.documentElement.clientTop }
            }
            else {
                return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.body.scrollTop - document.body.clientTop }
            }
        }

        document.onkeydown = keydown;