Бегущая строка на сайте

Бегущая строка на сайте

бегущая строка

Здравствуйте! Уважаемые посетители моего Блога !

Ко мне за последнее время стали многие обращаться по вопросу HTML кода бегущей строки. И это понятно, что при разработке любого сайта интересным элементом дизайна, привлекающим внимание, может стать бегущая строка. Особенно удобно размещать с её помощью краткие новости, информацию о скидках, распродажах и т.п.

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

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

В первой своей статье бегущая строка, я уже описывал принцип действия бегущей строки, но видно этого оказалось недостаточно для моих посетителей.

Для новичков я объясню просто. В детстве Вы собирали конструктор это то же самое, скопируйте готовые коды бегущей строки, а затем начните с ними экспериментировать. Для  Вашего конструктора я постарался все подготовить.

© Семенов Александр

Конструктор Бегущая строка

Бегущая строка формируется с помощью открывающего тега <marquee> и закрывающего </marquee> (закрывающий тег обязателен).

width=″…″ — ширина бегущей строки в пикселях или процентах от ширины экрана.

Height=″…″ — высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).

bgcolor=″…″ — определяет цвет фона бегущей строки.

behavior=″…″ задает тип движения (поведение) бегущей строки и имеет следующие значения

scroll — циклическая прокрутка текста из одного конца в другой

slide — текст появляется с одного края и останавливается у другого.

alternate — текст перемещается от одного края к другому и обратно.

direction=″…″— определяет направление движения бегущей строки. Имеет следующие значения:

left — текст движется влево по строке

right — текст движется вправо по строке

up — вся строка перемещается снизу вверх

down — строка движется сверху вниз

scrollamount=″…″ — шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например

scrollamount= ″1″

scrollamount= ″2″

scrollamount= ″3″

scrolldelay=″…″ — Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например

scrolldelay=″100″

scrolldelay=″200″

scrolldelay=″300″

loop=″…″ — задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.

hspace=″…″ — Этот атрибут задает поле в пикселах справа и слева от бегущей строки.

hspace=″10″

hspace=″0″

vspace=″…″ — Этот атрибут задает отступ в пикселах выше и ниже бегущей строки.

hspace=″0″

hspace=″10″

<center> Выставить по центру ставится в начале кода и </center> закрывающий тег в конце кода.

HTML — коды бегущей строки.

ДОБРО ПОЖАЛОВАТЬ НА МОЙ БЛОГ


Мой Блог находится http://1.pro2711.ru


ПОДПИШИТЕСЬ НА ОБНОВЛЕНИЕ МОЕГО БЛОГА


СПАСИБО за подписку!


your running text


your message here


your running text


your running text


your running text


your running text


your running text


your running text


your text here


your exciting message hereyour exciting message hereyour exciting message hereyour exciting message here


I love you all and appreciate!


$ П Л Я Ш Е М и П О Е М ! !$


* Блог Инны Ожилист
* Блог Ольги Живага
* Блог Татьяны Яковлевой
* Блог Юрия Власова













Ну вот, на сегодня вроде бы и все! Желаю Всем удачи !

Уважаемый посетитель! Моего Блога, если у Вас возникли вопросы, не стесняйтесь, пишите. Отвечу на все Ваши вопросы. Мой E-mail: firmalex@bk.ru

С Уважением! Семенов Александр Skype: atamansav

раскрутка сайта в поисковиках
Рейтинг сайтов Бизнес / Финансы

10 Comments on Бегущая строка на сайте

  1. Зоя // 04.11.2010 at 21:00 //

    Саша -вот порадовал!! Это настолько мило и обаятельно!! Неужели это можно сделать??? Спасибо-повеселил!!

  2. Наталья // 04.11.2010 at 21:55 //

    Александр,спасибо за великолепный подарок!

  3. Спасибо! Всё на блюдечке с каёмочкой- бери и вставляй.

  4. ГАлина // 04.11.2010 at 22:10 //

    Александр! Вот так подарок!!! Огромное спасибо!
    Всегда с огромным удовольствием читаю твои произведения!
    В них столько позитива и драйва!

  5. braginforsc // 16.11.2010 at 11:25 //

    Трогательная новость, как долго ожидать публикацию новенького материала и вообще стоит ожидать ?

  6. Семенов Александр // 22.11.2010 at 11:27 //

    Большое СПАСИБО! За теплые слова, за эту большую оценку, моего скромного труда. С пониманием Интернета и дальнейшим моим развитием, я обязательно буду делится с Вами своими знаниями. Желаю Вам всем только Удачи!

  7. adghvnov // 27.11.2010 at 23:53 //

    Хорошая статья! читать было интересно, а также узнал много нового

  8. japanzone // 28.11.2010 at 01:18 //

    Просто офигительная статья. Спасибки огромные вам за ваш труд кропотливый. Респектище))

  9. Анжелика // 07.07.2011 at 09:27 //

    Спасибо за Вашу информацию. Все оказалось легко и просто. Разместила на сайте нашего колледжа кучу Ваших бегущих строк.

  10. олег // 12.10.2011 at 23:38 //

    а-а-а-а класс меня картинки рассмешили, спасибо за бегущие строки на сайте, и за добро людям.

Leave a comment

Your email address will not be published.


*