по коду можно понять что я делаю анимацию вот код, в чем ошибка? HTML: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>Моя тестовая страница</title> <style> #layer1 { z-index: 1;position:absolute; } #layer2 { z-index: 2; position:absolute;} #layer3 { z-index: 3;position:absolute; } </style> </head> <body> <img src="alienb.jpg" alt="Моё тестовое изображение" id="layer1" /> <img src="imgs/1.png" alt="Моё тестовое изображение" id="layer2" /> <img src="alienf.png" alt="Моё тестовое изображение" id="layer3"/> <script type="text/javascript"> function foo(){ var sh=1; var a=a+sh; document.getElementById("layer2").style.src="imgs/"+a+".png"; } setInterval(foo(), 2000); </script> </body> </html>
Код (Text): <!doctype html> <html> <head> <meta charset="utf-8" /> <title>Моя тестовая страница</title> <style> #video { z-index: 1; } #layer2 { z-index: 20; position:absolute;} #layer3 { z-index: 3;position:absolute; } </style> </head> <body><div id="video"> <video width="320" height="240" autoplay loop muted> <source src="Alien.mp4" type="video/mp4" /> Your browser does not support the video tag. </video></div> <script type="text/javascript"> var a=document.getElementById("video"); foonction foo(a){ for(var i=0;i++;i<1080){ var b=i+"px"; a.style.marginLeft=b; } } foo(a); </script> </body> </html> так тоже не фурычет
узнал что видео в в режиме проигрывания нельзя перемещать по экрану сделал вариант если Магомед не идет то гора придет пишет foo is not defibed в консоли пот код Код (Text): <!doctype html> <html> <head> <meta charset="utf-8" /> <title>Моя тестовая страница</title> <style> #video { z-index: 4;position:absolute;left:180px;top:310px;} #layer2 { z-index: 20; position:absolute;} #layer3 { z-index: 3;position:absolute; } </style> </head> <body> <input id="step" value="1"/> <div id="fon"> <img width="320" height="569" src="alienb.jpg"id="layer3"> <img src="alienf.png" width="320" height="569" id="layer2"> </div> <div id="video"> <video width="240" height="180" autoplay loop muted> <source src="Alien.webm" type="video/webm" /> Your browser does not support the video tag. </video></div> <script type="text/javascript" > function foo(){ var b = document.getElementById('step').value; var d = document.getElementById("fon"); b=Number(b); console.log("шаг:"b); for(var i=0;i++;i<180){ d.left=d.left-i*b; d.top=d.top-i*b; } } </script> <button id="button" onclick="foo()">VVodcccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</button> </body> </html>