110,533
社区成员
发帖
与我相关
我的任务
分享怎样能让图片框里的图片可以拖动
我想做一个类似于地图的东西，所以想让图片在img里可以拖动。或者在别的控件里也可以，最好用html完成。那位老鸟慷慨发言指导下？？
...全文
请发表友善的回复…
发表回复
格拉 2008-09-05
- 打赏
- 举报
帮顶
cc8364 2008-09-05
- 打赏
- 举报
很多JS实现的例子
ziseliuxingzh 2008-05-12
- 打赏
- 举报
up
userwjg 2008-03-26
- 打赏
- 举报
<script LANGUAGE="JavaScript">
bg = new Array(3); //设定图片数量2
bg = 'icon/1.gif' //显示的图片路径
bg = 'icon/2.gif'
bg = 'icon/3.gif'
index = Math.floor(Math.random()*bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>
<script language="javascript">
var x,y,divLeft,divTop;
var isMove = false;
function MouseDown(obj)
{
isMove = true;
x = event.clientX;
y = event.clientY;
divLeft = obj.offsetLeft;
divTop = obj.offsetTop;
}
function MouseMove(obj)
{
if(isMove)
{
obj.style.left = divLeft + event.clientX - x;
obj.style.top = divTop + event.clientY - y;
}
}
function MouseUp(obj)
{
isMove = false;
}
</script>
<div id="div1" style="border:1px solid red; left:200px;top:200px;width:100px; height:100px;position:absolute" onmousedown="MouseDown(this)" onmousemove="MouseMove(this)" onmouseup="MouseUp(this)"> 拖动试试看 </div>
bg = new Array(3); //设定图片数量2
bg = 'icon/1.gif' //显示的图片路径
bg = 'icon/2.gif'
bg = 'icon/3.gif'
index = Math.floor(Math.random()*bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>
<script language="javascript">
var x,y,divLeft,divTop;
var isMove = false;
function MouseDown(obj)
{
isMove = true;
x = event.clientX;
y = event.clientY;
divLeft = obj.offsetLeft;
divTop = obj.offsetTop;
}
function MouseMove(obj)
{
if(isMove)
{
obj.style.left = divLeft + event.clientX - x;
obj.style.top = divTop + event.clientY - y;
}
}
function MouseUp(obj)
{
isMove = false;
}
</script>
<div id="div1" style="border:1px solid red; left:200px;top:200px;width:100px; height:100px;position:absolute" onmousedown="MouseDown(this)" onmousemove="MouseMove(this)" onmouseup="MouseUp(this)"> 拖动试试看 </div>
