主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下:
1.在
标记之前插入如下一段代码
1<script>
2<!--
3function statusreport() {
4var tempx = event.clientX + document.body.scrollLeft;
5var tempy = event.clientY + document.body.scrollTop;
6status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';
7}
8//-->
9</script>
如插入后的示例如下:
......
1<meta content="MSHTML 6.00.2800.1400" name="GENERATOR"/>
1<script>
2<!--
3function statusreport() {
4var tempx = event.clientX + document.body.scrollLeft;
5var tempy = event.clientY + document.body.scrollTop;
6status='在整个页面中的X, Y坐标 : ('+tempx+', '+tempy+') ; 在当前窗口中的X, Y坐标 : ( '+event.clientX+', '+event.clientY +')';
7}
8//-->
9</script>
......
2.在
1<body> 标记中加入如下一段代码
2onmousemove="statusreport();"
3
4加入后的示例如下:
5......
6
7<body bgcolor="#ffffff" leftmargin="0" onmousemove="statusreport();" topmargin="0">
8<div align="center">
9......
10
113.保存文件
12
13用IE浏览器打开修改过的页面后,在页面中移动鼠标,鼠标所在位置的X,Y坐标就显示在IE浏览器底部的状态栏中,如:
14在整个页面中的X, Y坐标 : (578,957) ; 在当前窗口中的X, Y坐标 : ( 578, 492)
15其中前半部分描述的是鼠标在整个页面(页面可能需要上下滚动才能完整显示)中的X,Y坐标;
16后半部分描述的是鼠标在当前窗口中的X,Y坐标。</div></body></body>