首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

关于JS实现的可拖动DIV只兼容IE,其他浏览器不兼容的有关问题

2012-04-05 
关于JS实现的可拖动DIV只兼容IE,其他浏览器不兼容的问题关于JS实现的可拖动DIV只兼容IE,其他浏览器不兼容

关于JS实现的可拖动DIV只兼容IE,其他浏览器不兼容的问题
关于JS实现的可拖动DIV只兼容IE,其他浏览器不兼容的问题
请问如何才能兼容其他浏览器!

JScript code
var Layer='';var iLayerMaxNum=1000;var a;document.onmouseup=me;document.onmousemove=ms;var b;var c;function Move(Object,event){    Layer=Object.id;    if(document.all){        document.getElementById(Layer).setCapture();        b=event.x-document.getElementById(Layer).style.pixelLeft;        c=event.y-document.getElementById(Layer).style.pixelTop;    }else if(window.captureEvents){        window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);        b=event.layerX;        c=event.layerY+100;    };    if(Layer!="Layer"+a){        document.getElementById(Layer).style.zIndex=iLayerMaxNum;        iLayerMaxNum=iLayerMaxNum+1;    }}function ms(d){    if(Layer!=''){        if(document.all){            document.getElementById(Layer).style.left=event.x-b;            document.getElementById(Layer).style.top=event.y-c;        }else if(window.captureEvents){            document.getElementById(Layer).style.left=(d.clientX-b)+"px";            document.getElementById(Layer).style.top=(d.clientY-c)+"px";        }    }}function me(d){    if(Layer!=''){        if(document.all){            document.getElementById(Layer).releaseCapture();            Layer='';        }else if(window.captureEvents){            window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);            Layer='';        }    }}function Close(n){    var e='Layer'+n;                                                document.getElementById(e).style.display='none';}function Show(n){    var e='Layer'+n;    document.getElementById(e).style.zIndex =iLayerMaxNum+1;    document.getElementById("aspk").style.display = "block";    document.getElementById("aspk").style.zIndex = iLayerMaxNum;    var size = getPageSize();    document.getElementById("aspk").style.width = size[0];    document.getElementById("aspk").style.height = size[1];    }    function Hide(){    document.getElementById("aspk").style.display = "none";    iLayerMaxNum=iLayerMaxNum+2;}function getPageSize(){    var de = document.documentElement;    var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;    var h = window.innerHeight || self.innerHeight || document.body.clientHeight || (de&&de.clientHeight);    arrayPageSize = new Array(w,h);     return arrayPageSize;}


[解决办法]
用jQuery吧,兼容性不错
http://jqueryui.com/demos/draggable/

热点排行
Bad Request.