贵阳稳发电气有限公司:javascript设置DIV位置 - 【世纪新动力】 - CSDNBlog
各阶段版本信息 |
|
关 闭 |
/*显示DIV*/
function showDIV()
{
/*获取当前鼠标左键按下后的位置，据此定义DIV显示的位置*/
var leftedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
/*如果从鼠标位置到窗口右边的空间小于DIV的宽度，就定位DIV的左坐标（Left）为当前鼠标位置向左一个DIV宽度*/
if (leftedge < myDIV.offsetWidth)
{
myDIV.style.left = document.body.scrollLeft + event.clientX - myDIV.offsetWidth;
}
else
{
/*否则，就定位DIV的左坐标为当前鼠标位置*/
myDIV.style.left = document.body.scrollLeft + event.clientX;
}
/*如果从鼠标位置到窗口下边的空间小于DIV的高度，就定位DIV的上坐标（Top）为当前鼠标位置向上一个DIV高度*/
if (bottomedge < myDIV.offsetHeight)
{
myDIV.style.top = document.body.scrollTop + event.clientY - myDIV.offsetHeight;
}
else
{
/*否则，就定位DIV的上坐标为当前鼠标位置*/
myDIV.style.top = document.body.scrollTop + event.clientY;
}
/*设置DIV可见*/
myDIV.style.display = "block";
return false;
}
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1565154