Показать сообщение отдельно
  #1 (permalink)  
Старый 02.12.2012, 22:42
Новичок на форуме
Отправить личное сообщение для Nicki-rurg Посмотреть профиль Найти все сообщения от Nicki-rurg
 
Регистрация: 02.12.2012
Сообщений: 5

передвижение объекта в окне браузера
Доброго времени суток!
не буду многословен,скажу сразу изучаю javascript не так давно как хотелось бы,но уже задумался такой вещью как передвижение объектов.поэтому решил попробовать начать с простого,начать то начал,но закончить не получается,ничего не работает!Может быть кто-нибудь сможет помочь и найти ошибку в моем коде!
Заранее спасибо!
<html>
<head>
<title>ДвигОбъект</title>
</head>
<body>

<div style="width:200px; height:200px; background:#345; position:absolute" onMouseDown="move(this)"></div>
<script language="javascript">
function move(div){
document.onMouseDown=function(){return false}
div.style.cursor='move';
document.onmousemove=function(e){
x=e.pageX;
y=e.pageY;
left=div.offsetleft;
top=div.offsetTop;
left=x-left;
top=y-top;
document.onmousemove=function(e){
x=e.pageX;
y=e.pageY;
div.style.top=y-top+'px';
div.style.left=x-left+'px';
}

}
document.onmouseup=function(){
div.style.cursor='auto';
document.onmousedown=function(){}
document.onmousemove=function(){}

}

}



</script>
</body>

</html>
Ответить с цитированием