Показать сообщение отдельно
  #8 (permalink)  
Старый 27.06.2011, 14:32
Особый гость
Посмотреть профиль Найти все сообщения от monolithed
 
Регистрация: 02.04.2010
Сообщений: 4,260

Сообщение от 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>
Ответить с цитированием