隨著時代的變化，越來越感覺到js的重要性，js不僅可以做web頁面(如Ext框架)，還可以做一些web的特效，這些特效不僅兼容PC，而且兼容手機端，畢竟是基於瀏覽器的，跟平台沒關係。現在微軟的windows8 系統的App都可以用js開發了，大家有時間可以去試試看。
現在切入正題，說一下js 實作可拖曳Div.實現這個功能我們先說一下想法：
1.捕捉滑鼠div的mousedown事件
2.捕捉 document的 mousemove事件
3.取消事件
然後我們看一下程式碼：
},
var e = this.event(evt); e.offsetX;
},
var e = this.event(evt);
| | e.offsetY;
}
var x = page.layerX(e);
var y = page.layer Y(e);
if (dv.setCapture) {
}
else if (window.captureEvents) { }
> var tx = page.pageX(e) - x;
dv .style.left = tx "px ";
dv.style.top = ty "px";
}
d.onmouseup = function () {
與C. if 🎜> dv.releaseCapture();
}
else if (window.releaseEvents) {
d.onmousemove = null;
}
}
程式碼分析：
1.
取得div物件
},
: function (evt) {
var e = return e.layerY || e.offsetY;
}
event取得滑鼠事件，pageX，pageY取得滑鼠的座標，layerX，layerY取得滑鼠距離div邊框的距離。
還有一段程式碼：
程式碼如下:
程式碼如下:
