Движущийся рисунок - Помощь студентам

David_36 · 03.12.2021, 22:19

Здравствуйте,помогите пожалуйста, если можете так сделать.
Рисунок занимает 50% окна и является нижним слоем. На верхнем слое второй рисунок, который двигается по вертикали к нижней границе первого рисунка, затем на столбец (ширину рисунка) вправо и вверх, к верхней границе, на столбец вправо и к нижней границе, и т.д. до правой границы нижнего рисунка. Он должен двигаться как на рисунке который приложен ниже.я уже там запутался

, рисунок перестает работать и не движется.
Вот код, по которому я пытался переделать под себя. Там рисунок просто движется прямо. Заранее большое спасибо кто возьмется это сделать...

Код:

<head>
<style>
#im2 {position:absolute;left:0;top:100}
</style>
</head>
<body>
<img src="pt1.jpg" id="im1" width="50%" />
<img src="sn1.png" id="im2" />
<script type="text/JavaScript">
function f()
{ x=x+10;
r2.style.left=x
if (x<x1-x2) setTimeout("f()",700); }
x=0
r1=document.getElementById('im1')
r2=document.getElementById('im2')
x1=r1.width 
x2=r2.width 
f();
</script>
</body>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Подскажите код в Access. на форме есть элемент флажок и два рисунка. По умолчанию показывается Рисунок 1. Если поставить галочку во флажке, то Рисунок 1 меняется на Рисунок 2	HMMWV	Microsoft Office Access	1	13.06.2019 08:53
движущийся анимированный рисунок в делфи	Лилея	Помощь студентам	0	20.05.2011 23:57
Графика в паскале. движущийся рисунок	ohucheni	Помощь студентам	0	13.11.2009 20:01
Движущийся червячек!	zzss	Общие вопросы C/C++	3	08.12.2007 13:55