<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>New Document</title>
</head>
<body><div style="width:500px; height:500px; border:1px solid blue; overflow: hidden">
<div id="div" style="width:200px; height:200px; border:1px solid red">好好学习</div></div>
</body>
<script type="text/javascript">
<!--
document.getElementById("div").onmousedown = function(e){
var evn = e || window.event;
var offsetPos = {x: (mousePos(evn).x - getPosition(this).x), y: (mousePos(evn).y - getPosition(this).y)};
var object = this;
document.onmousemove = function(ee){
var ee = ee || window.event;
var movemousePos = mousePos(ee);
object.style.position = "absolute";
object.style.left = parseInt(movemousePos.x - offsetPos.x) + "px";
object.style.top = parseInt(movemousePos.y - offsetPos.y) + "px";
}
document.onmouseup = function(){
this.onmousemove = null;
this.onmouseup = null;
}
return false;
}
function mousePos(evn){
if(evn.pageX || evn.pageY)
return {x: evn.pageX, y: evn.pageY};
else
return{
x: evn.clientX + document.body.scrollLeft - document.body.clientLeft,
y: evn.clientY + document.body.scrollTop - document.body.clientTop
}
}
function getPosition(e){
var left = 0;
var top = 0;
while(e.offsetParent){
left += e.offsetLeft;
top += e.offsetTop;
e = e.offsetParent;
}
left += e.offsetLeft;
top += e.offsetTop;
return {x: left, y: top};
}
//-->
</script>
</html>
分享到：
相关推荐
又一款IE9鼠标拖曳软件，可以让ie9像firefox、opera那样使用鼠标拖曳打开网页标签了，不过最好配合IE9鼠标拖曳插件（请同时下载IE9鼠标拖曳插件，这款软件也有鼠标手势，但是不好用） 总体上，没有火狐和chrome，...
在MFC（Microsoft Foundation Classes）框架中，实现鼠标拖曳画圆是一种常见的图形用户界面（GUI）编程技术。本文将详细讲解如何在基于单文档（SDI）的应用程序中实现这个功能，这对于初学者来说是一个很好的实践...
在Unity3D游戏开发中，实现物体的鼠标拖曳效果是一项常见的交互功能，这使得玩家可以通过鼠标在屏幕上移动对象，从而增加游戏的交互性和沉浸感。以下是一个关于如何使用Unity3D实现鼠标拖曳物体的详细步骤和相关知识...
在本文中，我们将深入探讨如何在Flash中实现鼠标拖曳控制对象转动方向的功能。这个功能在许多交互式应用和游戏中非常常见，它为用户提供了直观的控制方式。关键在于理解并计算鼠标坐标与对象原点之间的角度差异，...
没看错，IE9也可以像firefox、opera那样使用鼠标拖曳打开网页标签了，不过最好配合IE9鼠标手势（请同时下载IE9鼠标手势） 总体上，没有火狐和chrome，opera的鼠标手势强大，不过在win7 中，IE9在很多场合说无法替代...
一个简单的鼠标拖曳图层效果，简单JS代码实现的鼠标拖曳图层效果，比较精简，大家参考一下。
在IT领域，尤其是在图形用户界面（GUI）设计和开发中，"过滤事件_鼠标拖曳显示波形"是一个常见的功能需求。此功能涉及到图形处理、数据可视化和用户交互技术，通常应用于信号处理、数据分析或者实时监控等场景。下面...
1. **移动窗口**：在Windows XP中，如果想要移动一个窗口的位置，应该使用鼠标拖曳标题栏。因此，第1题的答案是(B) 标题栏。 2. **菜单项的省略号含义**：在Windows XP的菜单中，如果某菜单项后面带有省略号（…）...
通过设置事件结构中的条件，可以实现动态响应鼠标拖曳，例如，当检测到鼠标按下事件时启动拖动操作，随后在鼠标移动事件中更新对象位置，直到鼠标释放事件发生。 至于`快速接线模块.pdf`，这个文件可能是对如何在...
关于如何利用JavaScript实现一个可以展开折叠并且支持鼠标拖曳效果的图层，以下详细知识点： 1. 基本概念解释 在Web前端开发中，"可展开折叠层"是指在网页上使用JavaScript动态添加的可以被用户打开和收起的区域。...
在Java编程语言中，设计一个可以根据鼠标拖曳来画直线、矩形和圆的画图程序，涉及到的主要知识点包括Java图形用户界面（GUI）的构建、事件处理以及几何形状的绘制。下面将详细阐述这些核心内容。 1. Java GUI基础：...
1. **捕获鼠标事件**：首先，你需要在`CDlg`类中重写`OnMouseMove`事件处理函数，以便在用户拖动窗口时检测鼠标位置。 2. **判断边界**：在`OnMouseMove`中，检查鼠标位置是否接近窗口的边界，如果接近，则启动一个...
最新firefox集成超级拖拽+鼠标手势插件 都是比较常用的软件，集成findbugs之后，调试网页毫无压力
应用设计上，我完成了满足文件接口要求的命令行程序，完成了基于鼠标点击的图元绘制、基于鼠标拖曳的图元移动，和基于可视化锚点及鼠标滚轮的图元旋转、图元缩放，并将控制逻辑集成到 GUI 应用中。最终使用静态编译...
应用设计上，我完成了满足文件接口要求的命令行程序，完成了基于鼠标点击的图元绘制、基于鼠标拖曳的图元移动，和基于可视化锚点及鼠标滚轮的图元旋转、图元缩放，并将控制逻辑集成到 GUI 应用中。最终使用静态编译...
例如，用户可以通过鼠标拖曳登录框、改变登录框的显示位置、单击鼠标、双击鼠标等等。其实，在软件开发领域，几乎所有的GUI编程都会涉及到事件机制。比如，我们在Android中非常熟悉的单击，触摸，滑动，双击，长按...
本软件主要实现连接任意多个数据库，读取数据库表定义文件(Excel文件格式)，然后使用鼠标拖曳技术自动化生成复杂SQL文，以及执行被生成的SQL文以查看正确性,最后生成您所需要的java代码。（其他语言的代码目前还没...
为更精细地绘制出图形，或者控制图形以极微小距离移动，用户可以按住 Alt 键，同时用鼠标拖曳要移动的图形。或者单击“绘图”工具栏中的“绘图”按钮，调出下拉菜单，单击“绘图网格”菜单命令，调出“绘图网格”...