function dragHandlerFun(obj){
var img=document.getElementById(obj);
var ox,oy,ex,ey,isDrag=false,isIE=!!document.all;
img.onmousedown=function(e){
e=e||event;
isDrag=true;
if(isIE){img.setCapture();}
ox=parseInt(img.style.left);
oy=parseFloat(img.style.top);
ex=e.clientX;
ey=e.clientY;
return false;//注意这里要return false,要不Firefox下拖拽不了。
}
document.onmousemove=function(e){
e=e||event;
if(isDrag===true){
var left=ox+e.clientX-ex+'px';
var top=oy+e.clientY-ey+'px';
//document.getElementById('txt').value=ox;
img.style.left=left;
img.style.top=top;
}
}
document.onmouseup=function(){
if(isIE)img.releaseCapture();
isDrag=false;
}
}
分享到:
相关推荐
js弹出层可拖动兼容各大浏览器 js弹出层可拖动兼容各大浏览器 js弹出层可拖动兼容各大浏览器 js弹出层可拖动兼容各大浏览器
js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟...
JS javascript 拖动层类 兼容所有浏览器
拖拽兼容浏览器的js文件 鼠标移出拖拽容器,当拖拽时,可设置拖拽的容器是否透明及透明度多少
javascript实现层固定在浏览器右下角,拖动滚动条不影响其位置. 另外加入Jquery1.7.1js库,用于在固定层上再弹出层的效果. 该代码兼容火狐,谷歌,IE6,7,8浏览器. 说不清楚,总之,此资源用于个人的转储用途,到公司下载用...
类似浏览器首页拖动排序的js效果
js弹出层可拖动兼容各大浏览器.pdf
弹出层 拖动 兼容 弹出层 拖动 兼容 弹出层 拖动 兼容 弹出层 拖动 兼容 弹出层 拖动 兼容弹出层 拖动 兼容 弹出层 拖动 兼容 弹出层 拖动 兼容 弹出层 拖动 兼容 弹出层 拖动 兼容弹出层 拖动 兼容 弹出层 拖动 ...
js弹出层可拖动兼容各大浏览器(20211002200327).pdf
js弹出层可拖动兼容各大浏览器[文].pdf
一个精美的javascript 对话,在N种浏览器测试下均无问题,调用方便,支持传入iframe,文字信息,可以设置是否调用层遮罩,是否可以拖动。定位准确, 调用方法,var dialog = new Dialog({ text: "我是内容", w: 300, ...
videojs视频可拖动播放与不可拖动播放
文件拖拽到浏览器(activex与js交互) 介于目前ie10以下版本未完全支持html5,拖拽上传只能依靠activex, 特贡献本资源,欢迎大家参考
实现外部文件拖拽到浏览器打开预览,代码仅供参考
简单时尚的js弹窗可以自由拖拽同时兼容主流浏览器.zip
1、JQuery图片拖动排序兼容各种浏览器 2、采用流体布局自动排版
学习时写的拖动层,功能比较简单,主要是实现了不用JS框架而实现拖动效果。 兼容主要浏览器
javascript自定义浏览器窗口,熟练使用javaScript原理,解决窗口拖动、放大缩小、最小化、全屏的功能
仿浏览器的标签拖拽,jquery拖拽,属性比较全,可以扩展。