请教个问题，关于页面放置图片后点击图片获得坐标

Question

现在要放一张图片在页面上，然后点击图片的某个地方触发事件，并且可以获取坐标，这个是最主要的功能。最后还需要显示一张小图片在大图片的那个坐标上。我尝试用Image控件放置图片但没有点击事件啊麻烦各位拉，帮我解答下

Answer 1

用jquery实现最方便，
$("img").offset().top 距顶端高度
$("img").offset().left  距左侧宽度
然后再配合css创建一个层加载一个图片就ok了
其实这种百度一搜一大片
http://www.baidu.com/s?wd=%CF%D4%CA%BE%B4%F3%CD%BC+javascript&rsv_bp=0&rsv_spt=3&inputT=4195
http://www.csrcode.cn/html/txdm/txtx/3321.htm

Answer 2

给你一段代码，没验证，不知行不<img src='big.jpg' onclick="imgclick();">
<script language="javascript">
function imgclick(){
   var img = document.createElement('<img src="small.jpg" style="position:absolute;">');
   img.style.left = document.documentElement.scrollLeft+event.clientX;
   img.style.top = document.documentElement.scrollTop+event.clientY;
   document.body.insertBefore(img);
}
</script>