<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>获取鼠标坐标</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
.tip {
width:200px;
border:2px solid #ddd;
padding:8px;
background:#f1f1f1;
color:#666;
}
</style>
<script type="text/javascript">
function mousePos(e){
var x,y,z,i;
var e = e||window.event;
return {
x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop,
z:document.documentElement.clientWidth,
i:document.documentElement.clientHeight
};
};
function test(e){
document.getElementById("mjs").innerHTML = mousePos(e).x+','+mousePos(e).y+','+mousePos(e).z+','+mousePos(e).i;
};
function heitest(e){
var mouseX=e.clientX;
var mouseY=e.clientY;
var bodyX=document.documentElement.clientWidth;
var bodyY=document.documentElement.clientHeight/2;
var newX=bodyX-780;
var newY=mouseY+110;
if(mouseY<bodyY){
newY=mouseY+110;
}else{
newY=mouseY-80;
}
if((bodyX-mouseX)>780){
newX=mouseX;
}else{
newX=bodyX-780;
}
window.open('about:blank','newwindow','height=160,width=780,top='+newY+',left='+newX);
};
</script>
</head>
<body onmousemove="test(event)" onclick="heitest(event)">
<div id="mjs" class="tip">111</div>
<div id="test" style="width:500px;height:1000px;background:#ccc;" ></div>
</body>
</html>
分享到：
相关推荐
要使用这些组件，我们需要在HTML文件中引入jQuery和EasyUI的相关库，然后编写JavaScript代码来创建和控制弹出框和提示框。例如： ```html <!DOCTYPE html> ...
9.18.htm 左键弹出式菜单效果的完整代码 9.19.htm 实现浮动菜单效果的完整代码 9.20.htm 实现树型导航菜单的完整代码 第10章（/C10/） ReturnText Ajax返回字符串数据 ReturnXML ...
* 拖动某些网页中的图片会弹出下载. * 在网页内的文本框中选择文本, 鼠标右键菜单中没有 "粘贴" 项目. [用户界面] * 某些情况下, 取消 "后台标签显示关闭按钮" 后, 按钮依旧会显示, 切换标签后消失. * 在资源嗅探器...
11. MsgBox宏命令：在VBA或类似的编程环境中，MsgBox是用于弹出消息框的命令，向用户显示信息或请求输入。 12. Visual FoxPro表达式逻辑：在给定的表达式中，结果为真表示逻辑条件满足，例如EMPTY(SPACE(2))返回真...
- `showModalDialog()` 方法用于打开一个具有模态对话框的窗口，可以指定窗口的大小、位置和其他特性。在示例中，`strFeatures` 定义了对话框的样式，并通过 `window.showModalDialog(url, '', strFeatures)` 弹出...
在标题“简介”下面再添加一个标题如“准备”：按［Insert a heading］按钮，会弹出一个询问是否在所选标题上面插入标题的对话框，我们按“否”，在［Entry title］输入页面标题“准备”，并按［Add］指定对应的 ...
- **另存为**：此功能允许用户选择不同的文件名和路径来保存当前内容，使用了CFileDialog类来创建文件对话框，让用户选择保存位置和文件名。 3. 查找和替换功能： - **查找**：记事本通常有查找文本的功能，这...
/// 自动将异常内容记录到Windows NT/2000的应用程序日志 /// public class AppException:System.ApplicationException { public AppException() { if (ApplicationConfiguration.EventLogEnabled)...
- PADS Logic 使用的是标准Windows风格的菜单命令方式，包括弹出菜单(Pop-up Menus)、热键(Shortcut Keys)、工具条(Toolbars)和工具盒(Toolboxes)来执行各种命令。 2. **菜单/命令格式**： - 在教程中，使用下拉...
C#（WINFORM）学习 一、 C#基础 基础 类型和变量 类型和变量 类型 C# 支持两种类型：“值类型”和“引用类型”。值类型包括简单类型（如 char、int 和 float 等）、枚举类型和结构类型。引用类型包括类 (Class)类 ...
如果做很多弹出窗口的话，这个插件比DW自带的open browser window方便一些 mxp/一些Flash Button，一共7款 mxp/Winamp和Dreamweaver都是软件中的精品，有了这个插件，你可以方便的在DW中控制Winamp。边工作，边听...
API之网络函数1. API之网络函数 WNetAddConnection 创建...GetSubMenu 取得一个弹出式菜单的句柄，它位于菜单中指定的位置 GetSystemMenu 取得指定窗口的系统菜单的句柄 HiliteMenuItem 控制顶级菜单条目的加亮显示...
- **解释**: MVC是一种软件架构模式，它将应用程序分为三个部分：模型(Model)、视图(View)和控制器(Controller)。其中，控制器负责处理用户的输入，并控制模型和视图的更新。 - **应用场景**: 在Web应用开发中，MVC...
Java数组倒置 简单 Java图片加水印，支持旋转和透明度设置 摘要:Java源码,文件操作,图片水印 util实现Java图片水印添加功能，有添加图片水印和文字水印，可以设置水印位置，透明度、设置对线段锯齿状边缘处理、水印...
/// 自动将异常内容记录到Windows NT/2000的应用程序日志 /// public class AppException:System.ApplicationException { public AppException() { if (ApplicationConfiguration.EventLogEnabled) LogEvent("出现...
util实现Java图片水印添加功能，有添加图片水印和文字水印，可以设置水印位置，透明度、设置对线段锯齿状边缘处理、水印图片的路径，水印一般格式是gif，png,这种图片可以设置透明度、水印旋转等，可以参考代码...
01014获取Excel主窗口的左边界位置和顶端位置 01015获取在Excel主窗口中一个窗口所能占有的最大高度和宽度 01016获取当前打印机名称 01017获取MicrosoftExcel剩余内存 01018获取MicrosoftExcel的总内存 01019获取...