<! DOCTYPEHTMLPUBLIC " -//W3C//DTDHTML4.0Transitional//EN " > < HTML > < HEAD > < TITLE > howtomakeadragdivision - < ahref = " http://www.never-online.net " target = " _blank " >< ahref = " http://www.never-online.net " target = " _blank " > http: // www.never-online.net</a></a></TITLE> < METANAME = " Generator " CONTENT = " EditPlus " > < METANAME = " Author " CONTENT = " never-online,blueDestiny " > < METANAME = " Keywords " CONTENT = " never-online,blueDestiny " > < METANAME = " Description " CONTENT = " <ahref= " http: // www.never-online.net"target="_blank"><a> < style > <!-- body ... { font - size: 0 .9em; font - family:verdana; background - color:appworkspace; } .myDiv ... { border:4pxsolid# 006699 ; height:200px; width:400px; color:# 003399 ; padding:20px; font - weight:bolder; text - align:center; background - color:#eeeeee; } .copyright ... { text - align:center; font - size:1em; } --> </ style > < SCRIPTLANGUAGE = " JavaScript " > <!-- function neverDragDivision(fObj) ... { with ( this ) ... { if ( ! fObj) return ; this .bDraged = false ; this .oDragOrig = fObj; oDragOrig.style.cursor = " move " ; oDragOrig.onmousedown = function () ... { var ofs = Offset(oDragOrig); oDragOrig.style.position = " absolute " ; oDragOrig.style.left = ofs.l; oDragOrig.style.top = ofs.t; oDragOrig.X = event.clientX - ofs.l; oDragOrig.Y = event.clientY - ofs.t; bDraged = true ; } ; oDragOrig.onmousemove = function () ... { if ( ! bDraged) return ; oDragOrig.setCapture(); oDragOrig.style.left = event.clientX - oDragOrig.X; oDragOrig.style.top = event.clientY - oDragOrig.Y; } ; oDragOrig.onmouseup = function () ... { bDraged = false ; oDragOrig.releaseCapture(); } ; function Offset(e) ... { var t = e.offsetTop; var l = e.offsetLeft; var w = e.offsetWidth; var h = e.offsetHeight; while (e = e.offsetParent) ... { t += e.offsetTop; l += e.offsetLeft; } return ... {t:t,l:l,w:w,h:h} } ; } } ; // --> </ SCRIPT > </ HEAD > < BODY > < table > < tr > < td > < divclass = " myDiv " > < ahref = " http://www.never-online.net " target = " _blank " > http: // www.never-online.net</a> < p > powerbyblueDestiny,never - online </ p > </ div > </ td > < td > < divclass = " myDiv " style = " width:450px " > < p > never - online,Everlastinglove for angela. </ p > </ div > </ td > </ tr > </ table > < h4class = " copyright " > PowerByblueDestiny,never - online, < ahref = " <ahref= " http: // www.never-online.net"target="_blank"><a>http://www.never-online.net</a></a></a></h4> < SCRIPTLANGUAGE = " JavaScript " > <!-- var aDivs = document.getElementsByTagName( " DIV " ); for ( var i = 0 ;i < aDivs.length;i ++ ) ... { new neverDragDivision(aDivs[i]); } // --> </ SCRIPT > </ BODY > </ HTML > 完整的簡(jiǎn)單層拖動(dòng)代碼 更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主 微信掃碼或搜索:z360901061 微信掃一掃加我為好友 QQ號(hào)聯(lián)系: 360901061 您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。 【本文對(duì)您有幫助就好】元 2元 5元 10元 20元 自定義 喜歡作者