IE/FireFox具备兼容性的拖动代码【javascript】

web前端|js教程

IE/FireFox具备兼容性的拖动代码

web前端-js教程

特点：

1、兼容 IE6、FF、Opear（IE7还没有机会测试）

2、拖动流畅

3、起点与终点之间有过渡，使移动更平滑(可调)

bootstrap css源码参考,ubuntu开机设置,判断tomcat安装成功,爬虫 插件 下载,php使用框架,荆州百度seo多少钱lzw

演示

源码 下载者,ubuntu 源代码研究,R定时爬虫代码,html5还需要用php吗,seo快速恢复lzw

/*

Author:misshjn

HomePage:

Date:-04-30

2.5d网络游戏 源码,vscode代码拼写错误,ubuntu显示很小,tomcat安装用cmd,素材公社 爬虫,php代码审计系统,seo网络营销哪家值得信赖lzw

拖动开始

*/

function _getStyle(element,styleProp){

if (element.currentStyle){

var y = element.currentStyle[styleProp];

}else if (window.getComputedStyle){

var y = document.defaultView.getComputedStyle(element,null).getPropertyValue(styleProp.replace(/([A-Z])/g,”-$1″).toLowerCase());

}

return y;

}

function _elementOnmouseDown(evt,blockID){

var obj, temp;

obj=document.getElementById(blockID);

var x = evt.clientX || evt.pageX;

var y = evt.clientY || evt.pageY;

obj.startX=x-obj.offsetLeft;

obj.startY=y-obj.offsetTop;

var d = document.createElement(“div”);

d.style.position = “absolute”;

d.style.width = obj.clientWidth + parseInt(_getStyle(obj,”borderLeftWidth”),10) + parseInt(_getStyle(obj,”borderRightWidth”)) -2 + “px”;

d.style.height = obj.clientHeight + parseInt(_getStyle(obj,”borderTopWidth”),10) + parseInt(_getStyle(obj,”borderBottomWidth”)) -2 + “px”;

d.style.border = “1px dashed #666”;

d.style.top = _getStyle(obj,”top”);

d.style.left = _getStyle(obj,”left”);

d.style.zIndex = “9999”;

document.body.appendChild(d);

document.onmousemove=function(evt){

d.style.left= (evt?evt.pageX:event.clientX) – obj.startX + “px”;

d.style.top= (evt?evt.pageY:event.clientY) – obj.startY + “px”;

};

document.onmouseup=function(){

var objL = parseInt(_getStyle(obj,”left”),10);

var objT = parseInt(_getStyle(obj,”top”),10);

var obj2L = parseInt(d.style.left,10);

var obj2T = parseInt(d.style.top,10);

var todolist = [];

var level = 10; //元素移动从起点到终点之间过渡的级数,大于0的整数

var speed = 10; //毫秒，每次移动的间隔时间，数字越大，动画感越强，但跳跃感也越大

for (i=1; i<=level; i++){

todolist.push(function(t){

setTimeout(function(){

obj.style.left = objL + (obj2L-objL)*(t/level) + “px”;

obj.style.top = objT + (obj2T-objT)*(t/level) + “px”;

if(t==i)todolist=null;

},speed*arguments[0]);

});

}

for (i=1; i<=level; i++){

todolist[i-1](i);

}

document.body.removeChild(d);

document.onmousemove = null;

document.onmouseup = null;

};

}

/*

拖动结束

*/