javascriptのマウスは位置をドラッグして効果コードを交換します。

マウスドラッグ、位置互換効果は主にdivに使用され、ユーザー体験などを高める。padding：5 pxbackground-カラー:𞃳000;width:300 px;height：300 pxoverflow:hidden;div.box div.item{float:left}width:90 px;height：90 pxbackground-cc;magin:5 px;position:relative;cursor:pointer;div.mark{width:90 px;height：90 pxbackground-彩色:𞃳f 00;opacity:0.8;filter:progid:DXImageTrans form.Microsoft.Alpha(opacity=80)position：absolute；visibility：hidden；top：20 pxleft:20 px;z-indx:10;var darg={target:null，ox:0,oy:0}var box=document.creat Element（「div」）box.className="box"var mark=document.creat Element（「div」）；mask.className=「mask」box.apendChild；for（var i=0i<9;i+）{var item=document.create Element("div")item.className="item"item.apendChild（document.create Text Node（i+1））；item.onmousedown=function(){var e=argments[0]|window.event;var o=e.target𞓜e.srcelement；darg.targ=o;mask.style["top"=o.offset Top+"px";mask.style["left"=o.offset Left+"px"mask.style["visibility"="visible"darg.ox=e.client X-mark.offset Left;darg.oy=e.client Y-mark.offset Top;box.apendChild（item）；Dcument.body.apendChild（box）；function getItem(x，y)｛x=x-box.offset Left;y=y-box.offset Top;var o=box.child Nodes[(3-parseInt((box.offset Width-x)/100)+(2-parseInt((box.offset Height-y)/100)*)var n=darg.targt.nextSibling；var on=o.next Sibling；box.insertBefore（o，n）box.insertBefore（darg.targ，on）document.onmousemove=function(){if(darg.target！=null&&darg.targ.nodeType==1){var e=argments[0]|window.event;mask.style["left"=e.clientX-darg.ox+"px";mask.style["top"=e.clientY-darg.oy+"px";]box.onmouseup=function(){if(darg.target！=null&&darg.targ.nodeType==1){var e=argments[0]|window.event;var o=e.target𞓜e.srcelement；get Item(e.client X，e.client Y)darg.targ=null;｝document.onmouseup=function（）{darg.targ=null;mask.style["visibility"="hidden"script>[Ctrl+A全選択注：引入外部Js需再刷新一下页面才能执行]