Двигающийся текст

@Sergilonio · Регистрация: 12.10.2015

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

Создайте страничку, на которой по основному тексту "проплывает" Ваше имя. Алгоритм движения: текст начинает двигаться по заданной траектории; через некоторое время текст меняет направление движения, доходит до исходного положения и все повторяется

@Tatsianasuslik · 23.12.2015, 21:37

спасибо, спасибо))))

@kalabuni · 23.12.2015, 23:25

Не по теме:

"Пацан сказал -- пацан сделал" (с)

------------------------------------------------------------------------------------------------------------

Tatsianasuslik, задача 3. по косинусоиде сверху вниз и "скачком" возвращаться в исходное положение

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<title>3. по косинусоиде сверху вниз и "скачком" возврат в исходное положение</title>
<style>
html, body {height: 100%; overflow: hidden}
p {margin: 45px}
#myName {position: absolute; z-index: 5; font-size: 64px; font-weight: bold; color: red}
</style>
<script>
onload = function ()
{
                                with (document.body) var W = clientWidth, H = clientHeight;
var O = document.getElementById ('myName'); with (O) var w = offsetWidth, h = offsetHeight;
var scaleL = offsetL = (W - w) / 2, scaleT = (H - h) / 8 / Math.PI, T = 0, p = 'px';
   function MoveText ()
   {
   with (O.style) top = T + p, left = (Math.cos (T * scaleT) * scaleL + offsetL) + p;
   if (T == H - h) T = -1; T ++; setTimeout (MoveText, 50);
   }
MoveText ();
}
</script>
</head>
<body>
<div id="myName">Tatsianasuslik</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<hr>
</body>
</html>

полюбоваться

@Taatshi · 24.12.2015, 00:03

Комментарий администратора

Tatsianasuslik, что Вам не понятно в фразе: одна тема - один вопрос? Мало того, что Вы влезли в чужую тему, так еще с мультизадачником. Предупреждение.

Тема закрыта.

Новые блоги и статьи Все статьи Все блоги /
Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь	Мир по моей воле kumehtar 07.08.2026 Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .	Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .	У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .
Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники). Hrethgir 04.08.2026 Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .	Термопринтер QR701 Argus19 03.08.2026 Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .	Создание формы заимствованного документа Maks 03.08.2026 Задача: Необходимо создать собственную форму заимствованного документа. На форме должен быть реквизит "Покупатель", а также табличная часть со следующими реквизитами: - Расчетный счет покупателя. . .	Задача предоставления скидок покупателям Maks 03.08.2026 Задача: В документе "Продажи" необходимо реализовать функционал предоставления скидок покупателям. Скидка должна автоматически рассчитываться и подставляться в соответствующее поле при выборе. . .

@Sergilonio 0 / 0 / 0 Регистрация: 12.10.2015 Сообщений: 32

	Двигающийся текст 12.10.2015, 23:28. Показов 10247. Ответов 22 Метки нет (Все метки) Создайте страничку, на которой по основному тексту "проплывает" Ваше имя. Алгоритм движения: текст начинает двигаться по заданной траектории; через некоторое время текст меняет направление движения, доходит до исходного положения и все повторяется 0

@Tatsianasuslik 0 / 0 / 0 Регистрация: 12.02.2015 Сообщений: 7
	23.12.2015, 21:37
	спасибо, спасибо)))) 0

Опции темы