js写的菜单如何放到jsp指定的div中

在js中,是这样的,指定菜单出现的left和top,但是我想把它放到div中,我想获得div中某点的位置,然后用这个点的值赋给left和top。... 在js中,是这样的,指定菜单出现的left和top,但是我想把它放到div中,我想获得div中某点的位置,然后用这个点的值赋给left和top。 展开
 我来答
dommy529
2011-03-28 · TA获得超过1496个赞
知道小有建树答主
回答量:812
采纳率:0%
帮助的人:900万
展开全部
不太清楚楼主讲的点是什么意思,我假定是鼠标所在的点,那这个点可以用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中就行了。
huojiecs110
2011-03-28 · TA获得超过160个赞
知道小有建树答主
回答量:139
采纳率:0%
帮助的人:98.1万
展开全部
Javascript在FF中,如果使用transitional+的DOCTYPE的话,在设定DIV位置的时候需要加上'px',即
element.style.left = x + 'px';
element.style.top = y + 'px';
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
aoxueliuli
2011-03-28
知道答主
回答量:16
采纳率:0%
帮助的人:5.6万
展开全部
没太明白你要实现什么样的功能。
但是如果你的div位置是固定的话,你获取点位置(x,y)的时候抛去DIV左上方点的位置不就行了吗。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式