Бегущая строка в виде текста или картинки

Суббота, 26 Ноября 2011 г. 18:04 + в цитатник

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

Тег marquee, задающий бегущую строку, придуман когда-то для Internet Exlorer и другие браузеры не всегда корректно отображают работу различных его атрибутов.
для ЖЖ: «HTML-тэг marquee теперь вырезается из текста комментария при отображении (т.е. сам текст будет отображаться, но он не будет анимирован или скрыт).»
СУП. Релиз #75 от 4 Фев, 2011

your running text
<marquee>your running text</marquee>
your running text
<marquee scrollamount="1">your running text</marquee>

your running text
<marquee scrollamount="3">your running text</marquee>

your running text
<marquee scrollamount="30">your running text</marquee>

your running text
<marquee direction="right">your running text</marquee>

your message here
<marquee behavior="alternate">your message here</marquee>

your running text
<marquee height="50" direction="up">your running text</marquee>

your running text
<marquee height="50" direction="down">your running text</marquee>

your message here
<marquee bgcolor="silver">your running text</marquee>

your message here
<marquee direction="right" bgcolor="#color" width="300">your running text</marquee>

your running text
<marquee width="100">your running text</marquee>

your running text
<marquee width="100" style="border:2px dotted deeppink ;">your running text</marquee>

your text here
<marquee direction="left" bgcolor="silver" width="300">your text here</marquee>

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

<marquee bgcolor="pink" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee><marquee bgcolor="silver" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee>

Останавливаем строку наведением курсора мыши
<marquee onmouseover=this.stop() onmouseout=this.start() >TEXT</marquee>

<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

<marquee height="150" direction="up"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee></marquee>

<marquee width=300 height=10 behavior="alternate" style="border:3px solid red ;"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

бонус
Сайты, где много движущихся анимашек:
glitter-graphics.com
bigoo.ws

Flying text
<marquee direction="up" scrollamount="1" height="150" style="filter:wave(add=1, phase=10, freq=2, strength=300); colortag="red";>FLYING TEXT</marquee>

« П Л Я Ш Е М и П О Е М ! !»
<marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%">«</marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> П </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> Л </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> Я </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> Ш </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> Е </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> и </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> П </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> О </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> Е </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> ! </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> !</marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> »</marquee>

Можно типа информера прикрутить:

- Я недавно на свадьбе был!
– А что у тебя с лицом?
– Разбили на счастье.
———-
– Почему рука забинтована?
– Дятла с ладошки кормила…
———-
Мне приходится работать, он любит отдохнуть. Я – злой, он – добрый. Я живу с женой, он – шлындает по девочкам. С большим трудом я понимаю, как вообще мы можем с ним уживаться в одном человеке. ———-

<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount=1 scrolldelay=60 direction=up width=250 height=60>ТЕКСТ</marquee>

С

Д
Н
Е
М

Р
О
Ж
Д
Е
Н
И
Я
!
<marquee direction=up scrolldelay=1 scrollamount=1 style="text-align:justify;filter:wave(add=5, phase=10, freq=5, strength=100);"><center> С Д Н Е М Р О Ж Д Е Н И Я !</marquee>

В начало ↑

Источник

Серия сообщений "HTML":
Часть 1 - Использование режима "Источник" для применения HTML-кода
Часть 2 - Окантовка текста
Часть 3 - Бегущая строка в виде текста или картинки
Часть 4 - Русский визуальный HTML-редактор - онлайн-редактор страниц сайта - и не только

Серия сообщений "Оформление постов":
Часть 1 - Окантовка текста
Часть 2 - Бегущая строка в виде текста или картинки
Часть 3 - Учимся сами делать свои рамочки
Часть 4 - Рамочки для оформления постов 398-....-404
...
Часть 7 - Унифицированные формулы рамок для ЛИру,Майла,Я.ру и ЖЖ
Часть 8 - Самые простые способы вставки музыкального плеера в сообщение
Часть 9 - Курсоры для браузера