+ -
当前位置:首页 → 问答吧 → js 实现浮动视窗问题

js 实现浮动视窗问题

时间:2011-09-06

来源:互联网

本人写了一段JS,就是想在在鼠标移动到某个物件上时,在鼠标附近显示一个DIV,鼠标离开时隐藏,出问题了。。然后不知道咋整了,这里贴出来显示DIV的方法,各位帮忙看下呗,我用的浏览器是IE9
JScript code
 function showDiv(qContent) {      
            var t, l;
            if (document.documentElement && document.documentElement.scrollTop) {
                t = document.documentElement.scrollTop;
                l = document.documentElement.scrollLeft;
            } else if (document.body) {
                t = document.body.scrollTop;
                l = document.body.scrollLeft;
            } else {
                t = 0;
                l = 0;
            }

            document.all.board.innerHTML = qContent;
            alert(document.all.board.innerHTML);
            // 當瀏覽器鼠標位置到底端不足以顯示整個DIV時,將DIV顯示在上方        
            if (event.clientY + 20 + t + 90 > t + document.documentElement.clientHeight) {
                document.all.board.style.top = event.clientY - 120 + t;
            }
            else {
                document.all.board.style.top = event.clientY + 20 + t;
            }
            document.all.board.style.left = event.clientX + 20 + l;
            document.all.board.style.display = "";
        }

作者: bruce_vs   发布时间: 2011-09-06

这个功能我直接用的jquery插件,http://craigsworks.com/projects/qtip/demos/

作者: h2ero   发布时间: 2011-09-07