看看这个
<html>
<head>
<title> New Document </title>
<script language="JavaScript">
<!--
var sstr = "",moveable = false,x0=0,y0=0,x1=0,y1=0;
function startDrag()
{
var offx=2,offy=2;
if(event.button==1)
{
var obj = document.all.Layer1;
obj.setCapture();
//定义对象;
//记录鼠标和层位置;
x0=event.clientX;
y0=event.clientY;
x1 = parseInt(obj.style.left);
y1 = parseInt(obj.style.top);
obj.style.left = x1 - offx;
obj.style.top = y1 - offy;
moveable = true;
}
}
function drag()
{
if(moveable)
{
var obj = document.all.Layer1;
obj.style.left = x1 + event.clientX - x0;
obj.style.top = y1 + event.clientY - y0;
}
}
function stopDrag()
{
var offx=2,offy=2;
if(moveable)
{
var obj = document.all.Layer1;
x1 = parseInt(obj.style.left);
y1 = parseInt(obj.style.top);
obj.style.left = x1 + offx;
obj.style.top = y1 + offy;
obj.releaseCapture();
moveable = false;
}alert(obj.style.left+" "+obj.style.top)
}
//-->
</script>
</head><body bgcolor="#FFFFFF">
<div onmousedown='startDrag()' onmouseup='stopDrag()' onmousemove='drag()' id='Layer1' style='position:absolute; display:; cursor:hand; left:300px; top:195px; width:200px; height:200px; z-index:1'><img id='imgtu' src='http://expert.csdn.net/images/csdn.gif'></div>
</body>
</html>
<html>
<head>
<title> New Document </title>
<script language="JavaScript">
<!--
var sstr = "",moveable = false,x0=0,y0=0,x1=0,y1=0;
function startDrag()
{
var offx=2,offy=2;
if(event.button==1)
{
var obj = document.all.Layer1;
obj.setCapture();
//定义对象;
//记录鼠标和层位置;
x0=event.clientX;
y0=event.clientY;
x1 = parseInt(obj.style.left);
y1 = parseInt(obj.style.top);
obj.style.left = x1 - offx;
obj.style.top = y1 - offy;
moveable = true;
}
}
function drag()
{
if(moveable)
{
var obj = document.all.Layer1;
obj.style.left = x1 + event.clientX - x0;
obj.style.top = y1 + event.clientY - y0;
}
}
function stopDrag()
{
var offx=2,offy=2;
if(moveable)
{
var obj = document.all.Layer1;
x1 = parseInt(obj.style.left);
y1 = parseInt(obj.style.top);
obj.style.left = x1 + offx;
obj.style.top = y1 + offy;
obj.releaseCapture();
moveable = false;
}alert(obj.style.left+" "+obj.style.top)
}
//-->
</script>
</head><body bgcolor="#FFFFFF">
<div onmousedown='startDrag()' onmouseup='stopDrag()' onmousemove='drag()' id='Layer1' style='position:absolute; display:; cursor:hand; left:300px; top:195px; width:200px; height:200px; z-index:1'><img id='imgtu' src='http://expert.csdn.net/images/csdn.gif'></div>
</body>
</html>
解决方案 »
- 为何调用<embed>的play()函数会出错?
- 求高手指点!我用for in 遍历 form数组对象的时候 出现了一个我目前无法理解的现象!!!!
- 请教关于IE、firefox、chrome以及opera等不同浏览器的iframe的高度兼容问题
- 怎么解决ajax返回JavaScript不执行的问题?
- 刚学javascript问几个简单的问题
- 假如一个页面里有数个submit按纽,提交本页时,如何知道是点的哪个按纽呢
- table的insertRow和deleteRow的问题
- 关于比尔盖兹的死
- 如何设置text或button不可用,类似程序中的变灰状态
- html页面table数据传递问题(详细见图和说明)
- 有没有图片上下首尾相连滚动的代码
- 用touppercase函数为什么不能变成大写呢?
问一下,如果要移动多个表单,应该如何处理呢?