Здравствуйте Друзья,сегодня поделюсь с вами небольшим дополнением которое на мой взгляд прекрасно позволяет сделать любой сайт более привлекательным и информативным а именно ;
Как сделать на сайте бегущую строку
Самый простой способ вставки бегущей строки в страницу сайта - воспользоваться готовым к использованию HTML-кодом, которой бесплатно предоставляют многие интернет-ресурсы.Привожу пример того как это выглядит <marquee scrollamount="1">Ваш текст</marquee> Он состоит из открывающей и закрывающей частей, в первой из которой указывается дополнительная информация.По умолчанию текст бегущей строки закольцован - к его окончанию прикреплено его же начало, которое будет перемещаться в том же самом направлении. <marquee height="25"><font size=5><font color="red">ваш текст</font></font></marquee></body> Направление перемещения задается атрибутом direction, которому можно присвоить одно из четырех значений на английском языке (right, left, up, down). По умолчанию текст бегущей строки закольцован/ Если использовать атрибут behavior со значением alternate, то текст, дойдя до правой границы окна, изменит направление на противоположное и будет бесконечно отскакивать от двух противоположных сторон левой и правой или верхней и нижней. Еще один важный атрибут бегущей строки - scrollAmount. Он задает скорость перемещения текста в относительных единицах - 1 означает самое медленное перемещение, 2 - немного быстрее и т.д. С помощью атрибутов можно задавать задержку перед началом прокрутки бегущей строки, количество циклов и паузу между ними, отступы от текста до границы окошка этого элемента. значение scrollamount="1" задаёт скорость движения изменяя цифру в скобках на 2-3 и т.д По эксперементировав вы легко разберётесь с данным элементом.
Распространенные атрибуты тега <marquee>. Обозначение Описание
Используемые значения
direction=" " атрибут устанавливающий направление скроллинга
left - движение справа
right - движение слева направо
up - движение снизу верх
down - движение сверху вниз
behavior=" " атрибут устанавливающий тип скроллинга
scroll - скроллинг в одном из заданных направлений
slide - одноразовый скроллинг с остановом контента
alternate - возвратно-поступательный скроллинг
width=" " атрибут устанавливает ширину блока для строки
height=" " атрибут устанавливает высоту блока (в пикселях или число в %)
hspace=" " атрибут отступа в пикселях от вертикальных границ блока
vspace=" " атрибут отступ в пикселях от горизонтальных границ блока
bgcolor=" " атрибут задающий цвета фона
style=" " атрибут указывает стиль форматирования блока и контента
class=" " атрибут внедрение стиля форматирования блока и контента
loop=" " атрибут определяет количество циклов перемещения
"-1" или "infinite" - бесконечное перемещение наполнения в блоке
"N" - целое число, задающее количество показов в блоке
bgcolor=" " атрибут устаналивающий параметр цвета фона скроллинга
scrollAmount атрибут устанавливает скорость движения строки
scrolldelay= атрибут заставляет строку двигаться рывками
align= атрибут используется для выравнения текста
top - по верхнему краю
middle – по середине
bottom – по нижнему краю
Пример 1: самый простой (движение с права на лево со средней скоростью) бегущая строка для сайтакартинка или текст бегущей строки
код этой строки: <marquee scrollamount="3">ваштекст</marquee>
Пример 2: движение с лева на право картинка или текст бегущей строки как создать бегущую строку
код этой строки: <marquee direction="right" scrollamount="3">Ваш текст</marquee>
Пример 3: строка останавливается при наведении на нее курсора как сделать бегущую строку Останавливаем строку наведением курсора мыши
код этой строки: <marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">Ваш текст</marquee>
Пример 4: бегущая строка на цветном фоне
как сделать бегущую строку бегущая строка на цветном фоне
код этой строки:<marquee bgcolor="Bisque" scrollamount="3">ВашТекст</marquee>
|