晨风资讯网
新闻资讯网络冲浪网页设计网络编程图形图像数据库网络媒体服务器网络安全网站运营软件教程黑客认证Wap技术
教程搜索
教程搜索:
  首页 > 网页设计 > 网页特效 > 正文  

计算鼠标所在位置的x,y坐标的JavaScript脚本
日期:2006-1-19 10:14:15 来源:网络 作者:无名 浏览:

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

上一篇: 无刷新变换BANNER特效代码 下一篇:

限制文本输入框只能输入0-9数字

返回列表 打印此页 加入收藏 资讯论坛 关闭窗口 点击复制本页地址,发送给QQ/MSN好友
关于我们 - 联系我们 - 版权声明 - 帮助(?) - 广告服务 - 友情链接 - 服务项目 - 人才招聘
2003-2008 版权所有 © 晨风资讯网 未经授权禁止复制或建立镜像
CopyRight 2003-2008 www.Net118.com,All Rights Reserved.Design By ChenFeng Network Studio