Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.
В начале курса у нас будет только идея, а в конце готовый продукт, который можно использовать в практических целях.
В рамках упражнений курса Вы параллельно со мной будете создавать свою большую программу на Java, что даст Вам необходимую практику, после которой для Вас уже не будет разницы, какого размера создавать программы.
Этот видеоурок длится менее 22 минут, но уже в конце создан полностью рабочий сайт на WordPress. И весь процесс Вы увидите своими глазами, а повторить - не составит труда!
Описание: Сегодня я представляю Вам простой, но в то же время интересный скрипт на JavaScript, который позволяет анимировать процесс написания текста. Я думаю, что Вы часто видели подобное в Интернете, и теперь Вы можете анимировать печать текста и на своём сайте.
Результат:
Код JavaScript (вставлять между тегами <head> и </head>):
<script type="text/javascript">
function animateText(id, text, i) {
document.getElementById(id).innerHTML = text.substring(0, i);
i++;
if (i > text.length) i = 0;
setTimeout("animateText('" + id + "','" + text + "'," + i + ")", 100);
} </script>
Код HTML (вставлять между тегами <body onload = 'animateText("dynamic-text", "MyRusakov.ru - Как создать свой сайт", 0);'> и </body>):
Если Вы не хотите пропустить новые материалы на сайте, то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Здравствуйте, Михаил!
Этот скрипт является аналогом бегущей строки. В бегущую строку, созданную в <merquee></marquee> можно поместить и текст и картинку, при этом можно можно задать любое направление движения - слева направо, справа налево, снизу вверх, сверху вниз. А с помощью этого скрипта такое можно сделать?
Михаил ответьте мне пожалуйсто. Я уже часа два голову ломаю. Почему здесь: document.getElementById(id) просто пишем переменную, а в интервале заключаем ее ещё и в скобки setTimeout("animateText('" + id + "'...?
Ответить
Для добавления комментариев надо войти в систему. Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Михаил Русаков 
Комментарии (4):
И кстати, хороший способ передать параметры через setTimeout. Как просто оказалось побороть IE))
Ответить
Здравствуйте, Михаил! Этот скрипт является аналогом бегущей строки. В бегущую строку, созданную в <merquee></marquee> можно поместить и текст и картинку, при этом можно можно задать любое направление движения - слева направо, справа налево, снизу вверх, сверху вниз. А с помощью этого скрипта такое можно сделать?
Ответить
Указанный тег давно устарел, что касается скрипта, то если знать JS, то тут можно всё сделать, а не только направление указать.
Ответить
Михаил ответьте мне пожалуйсто. Я уже часа два голову ломаю. Почему здесь: document.getElementById(id) просто пишем переменную, а в интервале заключаем ее ещё и в скобки setTimeout("animateText('" + id + "'...?
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.