Вверх страницы

Вниз страницы

Forix ФоРуМ рунета

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Forix ФоРуМ рунета » (x)HTML ★ WML ★ CSS » Бегущая строка


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

Сообщений 1 страница 10 из 11

1

<marquee></marquee> — создаёт бегущую строку.

[marq]Принцип такой http://www.kolobok.us/smiles/standart/boast.gif
[/marq]

К сожалению этот тег до сих пор не включён в спецификацию и поэтому выдаёт ошибку при валидации.

Одна ошибка — ерунда, но когда их десяток на странице — это уже плохо. Поэтому я привожу только код, без примеров, чтоб избежать множества ошибок.

Посмотрим, как изменяется скорость, направление движения, длина беговой дорожки, и ещё кое-какие параметры.

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

left — движение влево;
right — движение вправо;
ur — движение снизу вверх;
down — движение сверху вниз;

Длина беговой дорожки, при движении по горизонтали, определяется атрибутом width, а при движении по вертикали — атрибутом height, и внедряется в тег атрибутом style.

Бежим слева направо

<marquee style="width: 300px" direction="right">Бежим слева направо</marquee>
Бежим справа налево

<marquee style="width: 300px" direction="left">Бежим справа налево</marquee>
Бежим снизу вверх

<marquee style="height:100px;" direction="up">Бежим снизу вверх</marquee>
Бежим сверху вниз

<marquee  style="height:100px;" direction="down">Бежим сверху вниз</marquee>
Можно окрасить полосу в любой цвет, добавив атрибут bgcolor

<marquee style="width: 300px" bgcolor="#39c4b3" direction="right">Бежим справа налево</marquee>
Можно сделать, чтобы элемент вышел из-за границы окна и остановился, добавив атрибут behavior со значением slide.

<marquee style="width: 300px" bgcolor="#39c4b3" direction="right" behavior="slide">Выходим и останавливаемся</marquee>
Скорость движения определяется атрибутом scrollamount, в значении которого и указывается скорость, с которой будет двигаться строка. Величина значения от 1 до 10. Скорость увеличивается по мере увеличения значения.

<marquee style="width: 300px" bgcolor="#39c4b3" direction="right" scrollamount="1">Изменяем скорость движения</marquee>
Дальше, бегущей строке, можно задать различные варианты оформления, добавляя свойства в атрибут style.

И фон, и цвет, и рамку, но так же, как и в случае с красивой заглавной буквой, после отладки, все свойства лучше будет перенести в файл style.css.

Можно вставить в тег, вместо текста, любое изображение, и оно тоже станет «бегущим».

К сожалению, не знаю почему, тег maqruee не включён в спецификацию w3c, и является не валидным.

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

Привожу лишь код различных вариантов бегущей строки.

Желаю творческих успехов! Android 8.1.0, Chrome,70.0.3538.110

0

2

nefakt
Ну а чё Дим :love:  у нас здесь тоже поставь

0

3

Татьяна
Пока незачем :tomato:  Но в дальнейшем конеш может и пригодится

+1

4

nefakt
Так а я о чём :playful:
Прикольно ты зделал (гифки вверху справа и под формой ответа)  http://yoursmileys.ru/ksmile/gold/k2502.gif

0

5

Татьяна
Ну верхний скрол останется, будет вместо логотипа форума, а та что под формой ответа, может уберу. Либо зделаю смайлы кликалки

0

6

nefakt
Ну тоже нормально придумал :cool:

0

7

Татьяна
Задумок много :writing: время мало

0

8

nefakt
Если честно то у меня тоже вся жопа в мыле  http://s8.uploads.ru/t/IXv1L.gif тоже не чего не успеваю.....
Как там твой магазин? (я имею ввиду новую задумку)

0

9

Татьяна
Ну это как и все  http://yoursmileys.ru/ksmile/gold/k2504.gif
А магазин, как и планировалось. Открытие после Н.г праздников, http://yoursmileys.ru/ksmile/gold/k2502.gif числах в 15-20. Я так думаю

0

10

nefakt

nefakt написал(а):

Татьяна
Ну это как и все 
А магазин, как и планировалось. Открытие после Н.г праздников,  числах в 15-20. Я так думаю

И как всё успеваешь? И там и там :dontknow:

0


Вы здесь » Forix ФоРуМ рунета » (x)HTML ★ WML ★ CSS » Бегущая строка


создать форум