Изготовление бегущей строки
В этом разделе нашего сайта мы хотели бы Вас ознакомить ещё с одним дополнительным атрибутом для улучшения дизайна Вашего сайта. Этим атрибутом и является такое понятие, как бегущая строка.
Бегущая строка используется в основном для различных рекламных целей (реклама различных услуг, новых товаров или акций).
Основы по созданию бегущей строки для сайта просты.
- бегущая строка задаётся тегом <marquee></marquee>
<marquee>Мы создаем сайты для всей России</marquee>
Пример, как это будет выглядеть:
Для тега бегущей строки <marquee> можно также задать и другие значения:
- высота бегущей строки - height
- ширина бегущей строки - width
- цвет фона бегущей строки - bgcolor
- количество прокрутки строки - loop
<marquee height="20" width="80%" bgcolor="#e87900" loop="4">Мы создаем сайты для всей России</marquee>
Пример, как это будет выглядеть:
Также с помощью дополнительных тегов Вы можете управлять движением бегущей строки:
- scrollamount - скорость движения строки (может принимать значение от 1 до 10)
- direction - задает направление движения бегущей строки ("left" - влево, "right" - вправо, "up" - вверх, "down" - вниз)
- behavior - режим прокрутки ("scroll" - обычная прокрутка, "slide" - прокрутка с остановкой, "аlternate" - движение от края к краю)
- scrolldelay - указывает величину временного интервала задержки, выраженного в миллисекундах, между отдельными тактами движения строки
<marquee height="20" width="80%" bgcolor="#e87900" loop="4" direction="right" behavior="slide" scrollamount="3">Мы создаем сайты для всей России</marquee>
Пример, как это будет выглядеть:
С помощью следующих манипуляций и стилей GSS можно из бегущей строки сделать мигающую строку.
<table align="centr" cellpadding="10" width="150">
<tbody>
<tr>
<td><marquee scrollamount="120" scrolldelay="500"><span style="color: #000000;"><span style="font-size: 10pt;"><span style="font-family: verdana,geneva;">Мы создаем<br />сайты<br />для всей России</span></span></span></marquee></td>
</tr>
</tbody>
</table>
Посмотрите, как это будет выглядеть:
Прочитав этот раздел нашего сайта, Вы получили тот минимум знаний, которого Вам вполне позволит создать самостоятельно бегущую строку на своем сайте.
