灵活的显示div层：根据当前位置onmouseover时向上、向下或向左向右显示,该如何解决

灵活的显示div层：根据当前位置onmouseover时向上、向下或向左向右显示
当使用js/div/css显示层时，需要根据当前的位置让div层向上或向下、或向左或向右显示，而不是
固定显示在下方。

这样如何实现？谢谢！

[解决办法]
读取onmouseover所触发的事件，设置div的left、top，把事件得到的坐标加一定的偏移值就可以啦
[解决办法]

JScript code

var RightEdge = document.body.clientWidth-event.clientX;                    //获取当前鼠标右键按下后的位置，据此定义菜单显示的位置             var BottomEdge = document.body.clientHeight-event.clientY;                        var oDivElement = document.getElementById("DivID");                        if (RightEdge <oDivElement.offsetWidth)            //如果从鼠标位置到窗口右边的空间小于菜单的宽度，就定位菜单的左坐标（Left）为当前鼠标位置向左一个菜单宽度             {                document.oDivElement.style.left = document.body.scrollLeft + event.clientX - oDivElement.offsetWidth;            }            else                                                                        //否则，就定位菜单的左坐标为当前鼠标位置            {                oDivElement.style.left = document.body.scrollLeft + event.clientX;            }                        if (BottomEdge <document.getElementById("ClickMenu").offsetHeight)          //如果从鼠标位置到窗口下边的空间小于菜单的高度，就定位菜单的上坐标（Top）为当前鼠标位置向上一个菜单高度             {                 oDivElement.style.top = document.body.scrollTop + event.clientY - oDivElement.offsetHeight;            }             else                                                                        //否则，就定位菜单的上坐标为当前鼠标位置             {                oDivElement.style.top = document.body.scrollTop + event.clientY;            }
[解决办法]
是不是这样？
HTML code
<script>var x,y,a,b;document.onmousemove=function(event){var e =event||window.eventif(!x){x=e.clientX;y=e.clientY;return}if(x>e.clientX)    {x=e.clientX; document.getElementById("ss").style.left=e.clientX-102+"px" }else{x=e.clientX;document.getElementById("ss").style.left=e.clientX+2+"px"}if(y>e.clientY){y=e.clientY; document.getElementById("ss").style.top=e.clientY-42+"px" }else{y=e.clientY;document.getElementById("ss").style.top=e.clientY+22+"px"}}</script><div id="ss" style="height:40px; width:100px; border:1px solid #000000; position:absolute"></div>
[解决办法]
思路：
   1 获取你鼠标的位置与边界之间的差值a
   2 a与div宽或者高作比较
   3 根据比较的结果改变div的位置

[解决办法]
如果你的当前位置指鼠标坐标的话，那先取得坐标的xy值，然后用下面的方法，获得对应div的位置信息。再判断x+对象的W是否超过屏幕宽度来决定对象显示的X坐标，用同样的方法来决定对象显示的Y坐标。
如果超过屏幕宽度则X坐标=鼠标x-对象宽度
如果超过屏幕高度则y坐标=鼠标y-对象高度
或者也可以和屏幕齐边，用屏幕的宽度或高度减去对象宽度或者高度即可。
//获得obj的位置信息
this.getpos = function(o){
p.t=parseInt((o.style?o.style.top:0)||o.offsetTop||o.clientTop||0);//
p.l=parseInt((o.style?o.style.left:0)||o.offsetLeft||o.clientLeft||0);//
p.w=parseInt(o.offsetWidth||o.clientWidth);//
p.h=parseInt(o.offsetHeight||o.clientHeight);//
return p;
}