Исчезновение объекта за областью страницы

@StephenLAB · Регистрация: 27.05.2015

Студворк — интернет-сервис помощи студентам

Подскажите, пожалуйста, как сделать так, чтоб страница не расширялась, когда объект уходит за правую границу экрана, и чтоб не появлялся горизонтальный скролл.
Т.е нужно, чтоб самолет просто улетал за область страницы.
Или возможно как-то переделать скрипт, чтобы он исчезал?

Спасибо!

<html>
<head>
<title>Линейное движение картинки</title>

<script type='text/javascript'>

function init_move() {
// приращение по оси x
dx = 10
//периодический вызов функции
setInterval("move()",1);
move();
}

// изменение координат изображения
function move() {
// текущие координаты
var x=parseInt(document.getElementById('pic' ).style.left);
// новые координаты
if (x<1500) document.getElementById('pic').style.lef t=x+dx;
}

</script>
</head>

<body>
<img id="pic" src="plane.png" style="position:absolute; top:100; left:-500;">

<script type='text/javascript'>

//Начинаем движение
init_move()

</script>
</body>
</html>

@tuy-vasiliy · 28.05.2015, 06:22

StephenLAB, Что то типа этого надо, я так понял? http://vityaz45.ru/

@StephenLAB · 28.05.2015, 13:32 **[ТС]**

Да, очень симпатично выглядит.
Как раз то что нужно, только движение объекта должно начинаться само по себе при загрузке страницы.

@tuy-vasiliy · 28.05.2015, 13:34

Сообщение от StephenLAB

движение объекта должно начинаться само по себе при загрузке страницы.

Верстай CCS и будет счастье

@StephenLAB · 28.05.2015, 16:08 **[ТС]**

Спасибо.

Не подскажите, как достать этот скрип/код с того сайта на движение автомобиля?

Благодарю за помощь!

@tuy-vasiliy · 29.05.2015, 05:47

StephenLAB, В мозиле, например, открываем сайт, на пустом месте нажимаем правую кнопку мыши, выбираем исходный код страницы, а там уже видим все таблицы стилей CCS и javascript, переходим по этим ссылкам и смотрим какой файл за что отвечает

@cevil · 29.05.2015, 07:36

задай body{
overflow-x:hidden;
}

overflow-x:hidden; запрещает появление гориз скролла

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@StephenLAB 0 / 0 / 0 Регистрация: 27.05.2015 Сообщений: 4

	Исчезновение объекта за областью страницы 28.05.2015, 03:25. Показов 1482. Ответов 6 Метки нет (Все метки) Подскажите, пожалуйста, как сделать так, чтоб страница не расширялась, когда объект уходит за правую границу экрана, и чтоб не появлялся горизонтальный скролл. Т.е нужно, чтоб самолет просто улетал за область страницы. Или возможно как-то переделать скрипт, чтобы он исчезал? Спасибо! <html> <head> <title>Линейное движение картинки</title> <script type='text/javascript'> function init_move() { // приращение по оси x dx = 10 //периодический вызов функции setInterval("move()",1); move(); } // изменение координат изображения function move() { // текущие координаты var x=parseInt(document.getElementById('pic' ).style.left); // новые координаты if (x<1500) document.getElementById('pic').style.lef t=x+dx; } </script> </head> <body> <img id="pic" src="plane.png" style="position:absolute; top:100; left:-500;"> <script type='text/javascript'> //Начинаем движение init_move() </script> </body> </html> 0

@tuy-vasiliy Паяльщик 50 / 50 / 13 Регистрация: 05.11.2013 Сообщений: 404
	28.05.2015, 06:22
	StephenLAB, Что то типа этого надо, я так понял? http://vityaz45.ru/ 0

@StephenLAB 0 / 0 / 0 Регистрация: 27.05.2015 Сообщений: 4
	28.05.2015, 13:32 [ТС]
	Да, очень симпатично выглядит. Как раз то что нужно, только движение объекта должно начинаться само по себе при загрузке страницы. 0

@StephenLAB 0 / 0 / 0 Регистрация: 27.05.2015 Сообщений: 4
	28.05.2015, 16:08 [ТС]
	Спасибо. Не подскажите, как достать этот скрип/код с того сайта на движение автомобиля? Благодарю за помощь! 0

@tuy-vasiliy Паяльщик 50 / 50 / 13 Регистрация: 05.11.2013 Сообщений: 404
	29.05.2015, 05:47
	StephenLAB, В мозиле, например, открываем сайт, на пустом месте нажимаем правую кнопку мыши, выбираем исходный код страницы, а там уже видим все таблицы стилей CCS и javascript, переходим по этим ссылкам и смотрим какой файл за что отвечает 0

@cevil 12 / 12 / 5 Регистрация: 07.04.2014 Сообщений: 174
	29.05.2015, 07:36
	задай body{ overflow-x:hidden; } overflow-x:hidden; запрещает появление гориз скролла 0