Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Движение обьекта, влево вправо вверх вниз на JavaScript (https://javascript.ru/forum/css-html/78311-dvizhenie-obekta-vlevo-vpravo-vverkh-vniz-na-javascript.html)

Brick 24.08.2019 17:08

Движение обьекта, влево вправо вверх вниз на JavaScript
 
<span id="4">✉</span>

<span onClick="up()">↑ВВЕРХ↑</span>
<br>
<span onClick="left()">←ВЛЕВО</span>
| <span onClick="right()">ВПРАВО→</span>
<br>
<span onClick="down()">↓ВНИЗ↓</span>

ситуация , такая, как сделать , чтоб при нажатии на вверх, вних, влево или вправо, объект , который находится в id=4, смещался бы на 4px в ту или иную сторону?

обьект в id=4, любой: картинка, текст ...

и где посмотреть информацию на подобную тематику?

Rise 24.08.2019 19:58

За это отвечает свойство позиционирования.

Brick 24.08.2019 21:08

можно пожалуйста очень простой пример

Brick 24.08.2019 21:12

document.getElementById("4").style.position.left+= 4;
?

Rise 24.08.2019 21:52

<div id="street" style="position:relative;">
    <div id="man" style="position:absolute;left:0px;top:0px;">O</div>
</div>
<script>
function left() {
    man.style.left = parseInt(man.style.left) - 4 + 'px';
}
</script>

Brick 24.08.2019 22:18

спасибо


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