<html>
<head>
<meta http-equiv="Content" content="text/html;chartset=utf-8">
<title>test drag</title>
<style type="text/css">
<!--
.drag {
width:100px;
height:100px;
position:absolute;
left:210px;
top:210px;
background-color:blue;
}
-->
</style>
<script type="text/javascript">
<!--
function drag(target,event)
{
var deltaX = event.clientX-parseInt(target.style.left);
var deltaY = event.clientY-parseInt(target.style.top);
document.attachEvent("onmousemove",movehandle);
document.attachEvent("onmouseup",uphandle);
function movehandle()
{
target.style.left = event.clientX-deltaX;
target.style.top = event.clientY-deltaY;
}
function uphandle()
{
document.detachEvent("onmousemove",movehandle);
document.detachEvent("onmouseup",uphandle);
}
}
-->
</script>
</head>
<body>
<br/>
<br/>
<br/>
<div id="drag1" class="drag" style="left:10px;top:10px;background-color:red;" onmousedown="drag(this,event);" >show me you 2</div>
<div id="drag" class="drag" onmousedown="drag(this,event);" style="left:10px;top:10px;">show me you</div>
</body>
</html>
相关推荐
可以实现行拖动，div拖动，图片拖动，例子中是行之间的拖动。
可拖动的div页面，可以做网站主页等页面
界面好看 效果绚丽 拿来即用 js实现DIV自定义拖拽并且保存的例子 非常适合web2.0开发使用 如果配合jquery效果更好 且能保存数据至数据库、cookie、xml等
zai 网上下载的例子，自己的改改了 zai 网上下载的例子，自己的改改了
今天有个需求,要实现弹框,并且需要能过拖动位置,放大缩小等功能,这里是一个纯JS实现拖动的例子,有需要完整案例,或者其他功能可以私信,我懂的都会帮你
实现js对div层的自由拖动，代码简单，适合于简单的div拖动，如果要实现更为强大的功能，可以在此基础上扩展。这里只为初学者提供个例子
php+mysql+js拖拽div实例 代码已改好，放在目录下可直接使用。适合新手学习！
通过自己做拖拽的两个例子 简单分析了拖拽效果差的解决方案 为了方便大家下载 原积分6积分 现调整为1积分
实现div自由拖动的小例子，十分简单，大家参考
页面拖动简单例子,asp.NET能用，可以从后台拼动态代码，能满足基本需求
这是一个使用div布局页面，并实现div高度可以拖动的demo例子，使用jQuery框架，实现了火狐和IE的兼容性
DIV 拖动的实际例子,因为分数不多了,所以才增加资源分的,如果您分数也不够的话,可以直接跟我联系， 我通过EMAIL发给你.
拖拽button的例子设计非常简单，下方有个像箭头的图案，用手指滑动，它会跟着走的。
jsPlumb的官方包，就不做多余解释，官方说明http://jsplumbtoolkit.com/apidocs/，可以用来拖拽方式实现div排列和连线，是一个绘制流程图的绝佳插件。
一个J2EEer自己写的拖动div的实例 在网上找了很久也没有找到一个好用的拖动div的例子，网上的要么就是浏览器不兼容要么就是拿过来没有用，于是自己花了些时间用jquery写了一个，和大家分享。绝对原创。
基于JQuery的div层窗口，可拖动，可设置大小，兼容IE、遨游和火狐等主流浏览器。附带例子、JQuery文件，注意使用时必须引入dialog.css， 具体用法参照例子。超好使
使用svg有一段时间了,对于svg的拖动事件一直没办法解决,最后找到一个解决办法,虽然不是原创,但是对大家肯定有用(特别是跟我一样在此问题一直苦恼的童鞋),压缩包里有2个文件,一个是拖动单个元素的,一个是整体拖动的,...
完整的页面和JS代码例子，引入JQUERY.JS就可以用了
dropDiv2.0是我在拖拽div例子的基础上改进的例子。相对于拖拽例子，这里增添了event浏览器兼容性处理、禁鼠标选中的一些机制。
在做开发时，我们不免会遇到需要这样的问题，当我们需要关闭某个窗口时，网页需要弹出一个窗口提示，然而这个窗口需要我们能在页面随处可拖动的，避免挡住其他我们需要再看一下的内容，那么现在我就有个例子供大家...