html5divjs自由拖動的簡單介紹
ommouseup控制節(jié)點(diǎn)的擴(kuò)展屬性為false表示不能移動節(jié)點(diǎn)了lt!DOCTYPE HTMLlthtmlltheadlttitle演示lttitleltstyle type=quottextcssquotltstyleltheadltbodyltdiv id=quotdropDivquot 我可以拖動ltdivltscript type=quottextjavascriptquotfunction dropDivFunElement設(shè)置節(jié)點(diǎn)的定位為fixedElement。
dragDivLeft = dragDivTop = , stop function 拖拽結(jié)束,將拖拽容器內(nèi)容清空 $quot#draggableDivquothtmlquotquot $quot#draggableDivquotcss quotheightquot quot0quot “放”的操作代碼 $quot#rightlistcontainerquotdroppable drop。
jsp中l(wèi)tbody ltdiv style=quotposition absolutezindex90quot id=quotdiv1quot我不動ltdiv ltdiv我動ltdiv ltbody 有的將position設(shè)置成fixed,我試了試效果不如position好,設(shè)置zindex,向里的深度,我這兒設(shè)置90,你要覆蓋幾個div,設(shè)置數(shù)大于那個數(shù)就行js中我這兒用jquery寫。
$thismousemovefunctione ift $quot#aaquothtmlepageX+quot,quot+ epageY 下面這句應(yīng)該改為 XY 都減 5 $thiscssquotleftquotepageX+5+quotpxquot,quottopquotepageY+5+quotpxquot 根據(jù)你的要求,我寫了一段代碼,你可以參考。
= epageX var containerHeight = $listcontainerouterHeight == 0 ?Mathmax1, Mathround05 +$listcontainerfindoptsitemSelectorsize * $listcontainerouterWidth *。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。