写这篇文章的原因是因为不久前,我刚遇到这样的问题;说实话,实在是太恶心拉
而且自己又是初学者,完全搞不懂浏览器的版本之间的兼容性原理,而网上有没有关于这方面的很好的解答,着实难受我了好一阵子。好在低版本的ie浏览器中还是支持某些条件的,废话不多说;看Jquery代码
/**
*添加拖拽效果的js方法
*参数:
*/
$.fn.drag = function(){
var eleDrags = $(this);
var eleDrop = document.getElementById("center");
for(var i = 0; i < eleDrags.length; i++){
var otherEle = $(eleDrags[i]).siblings();
eleDrags[i].onselectstart = function() {
return false;
};
//当鼠标按下时,触发onmousemove、onmouseup事件,以实现元素的可拖拽效果
eleDrags[i].onmousedown = function(ev){
ev = ev || event;
var objDOM = this;
var y0 = this.offsetTop;
var y1 = ev.clientY;
eleDrop.onmousemove = function(ev){
ev = ev || event;
y2 = ev.clientY;
//当鼠标移动时,控制被拖拽元素跟随鼠标移动
//改变被拖拽元素的属性
Y = (y2 - y1);
objDOM.style.position = "