计算鼠标所在位置的x,y坐标的JavaScript脚本

主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下:1.在 标记之前插入如下一段代码如插入后的示例如下:............

2.在 标记中加入如下一段代码onmousemove="statusreport();"

加入后的示例如下:......

......

3.保存文件

用IE浏览器打开修改过的页面后,在页面中移动鼠标,鼠标所在位置的X,Y坐标就显示在IE浏览器底部的状态栏中,如:在整个页面中的X, Y坐标 : (578,957) ; 在当前窗口中的X, Y坐标 : ( 578, 492)其中前半部分描述的是鼠标在整个页面(页面可能需要上下滚动才能完整显示)中的X,Y坐标;后半部分描述的是鼠标在当前窗口中的X,Y坐标。

主要是两段代码,把这两段代码加入你保存后的页面文件中就可以了,加入方法如下:1.在 标记之前插入如下一段代码如插入后的示例如下:............

2.在 标记中加入如下一段代码onmousemove="statusreport();"

加入后的示例如下:......

......

3.保存文件

用IE浏览器打开修改过的页面后,在页面中移动鼠标,鼠标所在位置的X,Y坐标就显示在IE浏览器底部的状态栏中,如:在整个页面中的X, Y坐标 : (578,957) ; 在当前窗口中的X, Y坐标 : ( 578, 492)其中前半部分描述的是鼠标在整个页面(页面可能需要上下滚动才能完整显示)中的X,Y坐标;后半部分描述的是鼠标在当前窗口中的X,Y坐标。


相关文章

  • 迷宫游戏教案
  • 迷宫游戏(三课时教学设计) 迷宫游戏 教材分析: 迷宫,本来是指结构复杂.道路难辨,进去后不容易找到出路的建筑物.据说世界上最古老的迷宫是古希腊神话中的米诺斯王官.迷宫的另一种含义是指一种锻炼人类智慧的游戏.本课的出发点是引导学生大胆想像与 ...查看


  • 网页设计-教学大纲
  • <网页设计>课程教学大纲 一.课程说明: 课程类别:选修课 适用专业:工商管理.电子商务专业.信息管理与信息系统专业和计算机相关专业.艺术设计专业等. 计划学时:60学时(讲课24学时,上机实验36学时) 学分:4 先修课程:计 ...查看


  • 网页设计选择题
  • 一.单选题 1.不属于文本编辑器的功能的是(C) (A)设置文本字体(B)设置字体大小(C)设置字体特效(D)设置文本对齐方式 2.图像渐进模式和低分辨率图像不同,因为它并没有一个专门的缩略图文件,所以它的下载时间小于低分辨率图像加原图像的 ...查看


  • 如何提高网页页面的响应速度
  • 如何提高网页页面响应速度 访问速度缓慢的互联网已经成为过去,但页面能瞬时呈现也只是未来才会发生的事情. Christian heilmann的一些技巧,现在就可以令你的网站访问起来更为流畅. 页面首次访问时的延时是网站和Web应用设计中遇到 ...查看


  • scratch第五课[猫捉老鼠]
  • <猫捉老鼠>教案 --实习第一节课 学情分析: 本课的教学对象是小学五年级和六年级的学生,六年级的学生已经有过一学年的基础,因此主要采用抛出问题刺激学生回忆先前学习内容的方法.本教案主要针对五年级学生设计,五年级的学生已经具备了 ...查看


  • 2010html执行顺序
  • 2010-04-07 08:39 1. html中的加载是自上而下 如a.html中 (在a.js中有一句alert(2)) 2. 1.IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的. 2.在渲染到页面的某一部分时 ...查看


  • 基于井斜数据的井眼轨迹三维可视化算法分析与设计
  • ARTIFICIAL INTELLIGENCE AND IDENTIFICATION TECHNIQUES 人工智能及识别技术 基于井斜数据的井眼轨迹三维可视化算法分析与设计 张锋1,嵇杰2 (1. 中国石油大学(华东)理学院,山东青岛26 ...查看


  • 出租车管理系统的毕业论文
  • 出租车管理系统的毕业论 文 目 录 第1章 概 述 .............................................................................................. ...查看


  • 高考信息技术网络技术应用选修选择题附答案
  • 网络技术应用选择题 一.网络技术基础 1.计算机网络的功能 1.计算机网络的基本功能是( B ). A.提高计算机运算速度 B.数据传输和资源共享 C.增强计算机的处理能力 D.提供E-mail服务 2.在处理神州号宇宙飞船升空及飞行这一问 ...查看


热门内容