PHP код:
<html>
<body>
<script type="text/javascript" language="JScript">
var dragObject = null
var x = -1;
var y = -1;
function onMouseDown(event) {
event = event || window.event;
dragObject = event.target || event.srcElement;
x = event.clientX;
y = event.clientY;
}
function onMouseMove(event) {
if(dragObject != null) {
event = event || window.event;
dragObject = event.target || event.srcElement;
document.getElementById(dragObject.id).style.posLeft = document.getElementById(dragObject.id).style.posLeft + (event.clientX - x);
document.getElementById(dragObject.id).style.posTop = document.getElementById(dragObject.id).style.posTop + (event.clientY - y);
x = event.clientX;
y = event.clientY;
}
}
function onMouseUp(event) {
dragObject = null;
}
for(i = 0; i < 10; i++) {
var newDiv = document.createElement("div");
newDiv.style.position = "absolute";
newDiv.style.width = 100;
newDiv.style.height = 100;
newDiv.style.left = i * newDiv.style.posWidth;
newDiv.style.top = 0;
newDiv.id = "div" + i;
newDiv.innerHTML = "Перетащи меня " + i;
document.body.appendChild(newDiv);
newDiv.onmousedown = onMouseDown;
newDiv.onmousemove = onMouseMove;
newDiv.onmouseup = onMouseUp;
}
document.body.onmouseup = onMouseUp;
</script>
</body>
</html>
только в IE
http://j2me.webservis.ru/divmove.htm
так надо? |