| Nicki-rurg |
02.12.2012 22:42 |
передвижение объекта в окне браузера
Доброго времени суток!
не буду многословен,скажу сразу изучаю 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>
|