Сообщение от zaytsewa
|
логику я понимаю
|
значит не понимаете.
пример, ниже в IE ниже 9-й версии работать не будет (если нужно кроссбраузерно допишите сами эти 3 строчки)
<script type="text/javascript">
window.onload = function() {
var element = document.getElementById('move');
element.onmousedown = function(event) {
var left = element.offsetLeft,
top = element.offsetTop,
_event = event;
document.onmousemove = function(event) {
var style = element.style;
style.left = event.pageX - (_event.pageX - left) + 'px';
style.top = event.pageY - (_event.pageY - top) + 'px';
};
document.onmouseup = function() {
document.onmousemove = null;
};
return false;
};
};
</script>
<div id="move"></div>
<style type="text/css">
#move {
background: blue;
position: absolute;
width: 60px;
height: 60px;
}
</style>