Непрерывно печатающийся текст

Непрерывно печатающийся текст

Рубрика « Эффекты текста » | 9 комментариев

Непрерывно печатающийся текст
Текст в строке непрерывно печатается при завершении строки.

Демо

<script type="text/javascript">
var line="Печатающийся текст в JavaScript";
var speed=200;
var i=0;
function pechatanie() {
if(i++<line.length) {
document.pechat.pt.value=line.substring(0,i);
}
else{
document.pechat.pt.value=" ";
i=0;
}
setTimeout('pechatanie()',speed);
}
</script>
<form name="pechat">
<input name="pt" type="text" size="30" style="background-color:#eeeeee; border:0px; width:200px;"> 
</form>
<script type="text/javascript">pechatanie();</script>

Скрипт можно ставить прямо в текст страницы. Меняется фон у строки «background-color:#eeeeee», скорость печатания «var speed=200» (100-быстрее, 300-медленнее)

Можно изменить шрифт и цвет текста

Демо
<script type="text/javascript">
var line="Печатающийся текст в JavaScript";
var speed=200;
var i=0;
function pechatanie() {
if(i++<line.length) {
document.pechat.pt.value=line.substring(0,i);
}
else{
document.pechat.pt.value=" ";
i=0;
}
setTimeout('pechatanie()',speed);
}
</script>
<form name="pechat">
<input name="pt" type="text" size="30" style="background-color:#eeeeee; border:0px; position: absolute; top: 160px; right: 350px; color:#E21A1A; text-shadow:3px 3px 1px #AAA; font-size:40px; font-family:-webkit-body;"> 
</form>
<script type="text/javascript">pechatanie();</script>

9 комментариев к статье “Непрерывно печатающийся текст

  • День добрый подскажите как изменить цвет печатающегося текста?

    Reply
  • У меня от разнообразия всяких фишечек на этом сайте глаза разбегаются. Видела подобный эффект раньше на нескольких сайтах — и всегда сидела и ждала, чтобы прочесть текст полностью. так что это действительно привлекает внимание
    а вот куда применить на своем блоге — пока тоже не соображу. напихала уже туда всего немыслимо. надо пересмотреть и оставить только самое хорошееhttp://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif

    Reply
  • Очень занятная фишечка! Согласна с Натальей, что такая непрерывная (двигающаяся информация должна привлекать). Тоже нужно найти этой фишке достойное место у себя на сайте. Спасибо, Анжелика за интересные идеи! Каждый раз — удивляюсь и ловлю себя на мысли, что всё бы попробовала. Вот такие «глазки ненасытные, ручки — загребущие» http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    Reply
  • Здравствуйте!
    Очень понравилась тема непрерывной надписи. Обязательно попытаюсь впихнуть её себе на сайт. Такая надпись привлекает внимание и хочется прочесть до конца.http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif

    Reply

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Добавить изображение

http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://delaisaity.ru/script/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif