js写的菜单如何放到jsp指定的div中
在js中,是这样的,指定菜单出现的left和top,但是我想把它放到div中,我想获得div中某点的位置,然后用这个点的值赋给left和top。...
在js中,是这样的,指定菜单出现的left和top,但是我想把它放到div中,我想获得div中某点的位置,然后用这个点的值赋给left和top。
展开
3个回答
展开全部
不太清楚楼主讲的点是什么意思,我假定是鼠标所在的点,那这个点可以用event.clientX,event.clientY获取其坐标,该坐标是相对于页面的左上角的。现在的目的是将相对于页面左上角的坐标转换成相对于DIV左上角的坐标。
首先,获得DIV在页面中的绝对坐标(DIV左上角相对于页面左上角的坐标),他不一定等于div.style.left或div.style.top,因为这个DIV可能还有上级容器,获得页面中某元素的绝对坐标的方法:
function getAbsolutePos(element){
var _out = {left:0, top:0}
var _o = element;
while(_o){
_out.left += _o.offsetLeft;
_out.top += _o.offsetTop;
_o = _o.offsetParent;
}
return _out;
}
现在就可以转换了:
点在DIV中的坐标应该是:
x = event.clientX-getAbsolutePos(DIV).left;
y = event.clientY-getAbsolutePos(DIV).top;
把x、y两值指定给菜单的left,top属性,然后把菜单元素添加到DIV中就行了。
首先,获得DIV在页面中的绝对坐标(DIV左上角相对于页面左上角的坐标),他不一定等于div.style.left或div.style.top,因为这个DIV可能还有上级容器,获得页面中某元素的绝对坐标的方法:
function getAbsolutePos(element){
var _out = {left:0, top:0}
var _o = element;
while(_o){
_out.left += _o.offsetLeft;
_out.top += _o.offsetTop;
_o = _o.offsetParent;
}
return _out;
}
现在就可以转换了:
点在DIV中的坐标应该是:
x = event.clientX-getAbsolutePos(DIV).left;
y = event.clientY-getAbsolutePos(DIV).top;
把x、y两值指定给菜单的left,top属性,然后把菜单元素添加到DIV中就行了。
展开全部
Javascript在FF中,如果使用transitional+的DOCTYPE的话,在设定DIV位置的时候需要加上'px',即
element.style.left = x + 'px';
element.style.top = y + 'px';
element.style.left = x + 'px';
element.style.top = y + 'px';
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
没太明白你要实现什么样的功能。
但是如果你的div位置是固定的话,你获取点位置(x,y)的时候抛去DIV左上方点的位置不就行了吗。
但是如果你的div位置是固定的话,你获取点位置(x,y)的时候抛去DIV左上方点的位置不就行了吗。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询