Гаджет "Бегущая строка" необходим для привлечения внимания посетителей блога и позволяет компактно отобразить большой объем информации, например, новости или заголовки статьи в blogger.
Данный скрипт можно установить в любой части сайта, в шаблон или гаджет HTML/JavaScript. Важно понимать, что подобное украшение для блога иногда могут нагружать вашу страницу и вызывать притормаживания.
Если ваш сайт медленно работает, то это не обязательно из-за обилия анимации, возможно вам стоит задуматься и приобрести vps дешево у украинского хостинг провайдера.
Для организация бегущей строки используется тег <marquee>Текст бегущей строки</marquee>. Ниже в таблице параметры, используя которые можно добиться различных эффектов при отображении.
ТЭГ
|
Описание
|
direction="left"
|
Направление движения текста влево
|
direction="right"
|
Направление движения текста вправо
|
direction="up"
|
Бегущая строка в Вверх
|
direction="down"
|
Бегущая строка Вниз
|
behavior="alternate"
|
Текст дойдя до конца идет обратно
|
behavior="slide"
|
После показа строки, текст остановиться
|
loop="3"
|
Время показа текста
|
scrollamount="5"
|
Скорость движения текста, чем больше тем быстрее
|
width="343"
|
ширина текста
|
height="44"
|
высота
|
bgcolor="#9999FF"
|
Цвет фона
|
style="color: #000000"
|
Цвет текста
|
style="font-size: 7px"
|
Размер шрифта
|
style="font-family: Verdana"
|
Тип шрифта
|
style="color: red; font-size: 13px; font-family: Arial"
|
Изменить размер шрифта и тип в одном тэге.
|
Пример, демонстрация бегущей строки:
|
<marquee direction="left"height="55" width="229">Вашабегущаястрока</marquee>
|
01 февраля 2015, 18:36