您的位置:首页 > 编程语言

鼠标移动图片的示例代码

2005-03-07 00:30 513 查看
代码如下:
<img src="http://wpa.qq.com/pa?p=1:25941:13" onmousedown=one() onmousemove=two() onmouseup=end()><p>
<img src="http://www.nhacks.com/email/email.php?mail_e=HRF6emJKXwY%3D&iv=W4Eu5LY%3D&domain=R01haWw%3D&ext=0" onmousedown=one() onmousemove=two() onmouseup=end()><p>
Test Test...
<script>
var oldx=0,oldy=0,oldobj=null
function one(){
oldobj=event.srcElement
oldx=event.x-oldobj.offsetLeft;oldy=event.y-oldobj.offsetTop;
oldobj.style.position="absolute"
oldobj.setCapture()
}
function two(){
if(oldobj==null)return false
oldobj.style.left=event.x-oldx
oldobj.style.top=event.y-oldy
}
function end(){
oldobj=null;document.releaseCapture();
}
//work:muyuanhua
</script>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  function null div