Сообщение от Sweet
|
А это по поводу drag'n'drop вообще.
|
на самом деле, там довольно сложно все описано для новичков (по крайней мере, так мне показалось).
Главное понять принцип, а уже потом допиливать решение.
zaytsewa, вот вам пример на скорую руку, разберите и переложите кроссбраузерно на JS без jQuery
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var element = $('#move');
element.mousedown(function(event) {
var offset = element.offset(), _event = event;
$(document).bind({
mousemove : function(event) {
element.css({
left : event.pageX - (_event.pageX - offset.left) + 'px',
top : event.pageY- (_event.pageY - offset.top) + 'px'
});
},
mouseup : function() {
$(this).unbind('mousemove');
}
});
event.preventDefault();
});
});
</script>
<div id="move"></div>
<style type="text/css">
#move {
background: blue;
position: absolute;
width: 60px;
height: 60px;
}
</style>