<script language="javascript" type="text/javascript">
var JPos = {};
(function($){
$.$getAbsPos = function(p)
{
var _x = 0;
var _y = 0;
while(p.offsetParent){
_x += p.offsetLeft;
_y += p.offsetTop;
p = p.offsetParent;
}
_x += p.offsetLeft;
_y += p.offsetTop;
return {x:_x,y:_y};
};
$.$getMousePos = function(evt){
var _x,_y;
evt = evt || window.event;
if (evt.pageX || evt.pageY)
{
_x = evt.pageX;
_y = evt.pageY;
}
else if (evt.clientX || evt.clientY)
{
_x = evt.clientX + document.body.scrollLeft - document.body.clientLeft;
_y = evt.clientY + document.body.scrollTop - document.body.clientTop;
}
else
{
return $.$getAbsPos(evt.target);
}
return {x:_x,y:_y};
}
})(JPos);
function vControl(pChoice)
{
switch(pChoice){
case "GETMOUSEPOSINPIC":
var mPos = JPos.$getMousePos();
var iPos = JPos.$getAbsPos(arguments[1]);
window.status = (mPos.x - iPos.x) + " " + (mPos.y - iPos.y);
break;
}
}
function haha(pChoice)
{
switch(pChoice){
case "GETMOUSEPOSINPIC":
var mPos = JPos.$getMousePos();
var iPos = JPos.$getAbsPos(arguments[1]);
alert((mPos.x - iPos.x) + " " + (mPos.y - iPos.y));
break;
}
}
</script>
<div style="position:absolute;top:50px;left:250px;">
<img src="3k8/zg/1.jpg"
onmousemove="vControl('GETMOUSEPOSINPIC',this)" onclick="haha('GETMOUSEPOSINPIC',this)"/>
</div>
首先运行下这个代码 这个在FF下不好使 所以放弃了要的就是这个效果 点击图片 弹出当前坐标(相对外面的div)
function haha(pChoice)
{
switch(pChoice){
case "GETMOUSEPOSINPIC":
var mPos = JPos.$getMousePos(arguments[2]);
var iPos = JPos.$getAbsPos(arguments[1]);
alert((mPos.x - iPos.x) + " " + (mPos.y - iPos.y));
break;
}<img src="3k8/zg/1.jpg"
onmousemove="vControl('GETMOUSEPOSINPIC',this,event)" onclick="haha('GETMOUSEPOSINPIC',this,event)"/>
</div>