Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Ребята, нужна помочь. Картинка размером 100*100 пикс должна перемещаться по сторонам (https://javascript.ru/forum/events/28083-rebyata-nuzhna-pomoch-kartinka-razmerom-100%2A100-piks-dolzhna-peremeshhatsya-po-storonam.html)

karat2707 07.05.2012 02:38

Ребята, нужна помочь. Картинка размером 100*100 пикс должна перемещаться по сторонам
 
Ребята, нужна помочь. Картинка размером 100*100 пикс должна перемещаться по сторонам квадрата размером 300*300 пикс(например, по часовой стрелке). Помогите осуществить задачу.



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>13-14</title>


<style type="text/css" media="all">


#parentElem
{
width: 300px;
height: 300px;
background-color: #bdDaDF;

padding: 0px;
top: 0px;
left: 0px;
position: absolute;
overflow: hidden;
margin: 0px;
color: #000;

}

</style>
</head>

<body>

<div id="parentElem"><div id="insideParent"></div></div>



<img id="myimg" src="1..jpg" style="position:absolute; top:0; left:0 ">
<script type="text/javascript">
function mentmove(xid,yexpr,xexpr,ztime){
/*
xid-id движущегося объекта, строка
уexpr-выражение для вертикальной координаты
хexpr- выражение для горизонтальной координаты
ztime-интервал времени между вызовами функции move(), мс */

if (!xid) return null
if(!yexpr) yexpr="y"
if(!xexpr) xexpr="x"
if(!ztime) ztime=1000 //интервал времени, мс
x=0 /*глобальная переменная, входящая в выражение yexpr и xexpr */
setInterval("move('"+xid +"', '"+yexpr+"', '"+xexpr+"')",ztime)
}

function move(xid,yexpr,xexpr){
if(x<200){
x++
document.all[xid].style.top=eval(yexpr)
document.all[xid].style.left=eval(xexpr)}

}


mentmove("myimg", "0", "",10)
</script>
</body>
</html>

nerv_ 07.05.2012 11:07

бюджет? Кстати, дубль - http://javascript.ru/forum/events/27...tml#post171077 За это можно схлопотать )

karat2707 07.05.2012 17:45

Понятно. Помочь можешь???


Часовой пояс GMT +3, время: 01:33.