Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - marquee-direction.

Свойство marquee-direction определяет направление бегущего контента в элементах с бегущим контентом. Свойство marquee-direction определяет начальное направление, в котором содержимое перемещается, когда эффект используется. Forward перемещает текст и скрытый текст отображается в обычном порядке чтения reverse делает противоположное. Актуальное направление, следовательно, зависит от ‘direction’ и ‘overflow-style’ элемента.

Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство marquee-direction, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.


Синтаксис:

         marquee-direction:ahead|auto|backwards|down|forwards|left|reverse|right|up;

Свойства Значения

Значение Описание
ahead Область движется снизу вверх.
auto Область движется в направление по умолчанию.
backwards Область перемещается справа налево.
down Область движется снизу вверх.
forwards Область движется слева направо.
left Область перемещается справа налево.
reverse Область движется сверху вниз.
right Область движется слева направо.
up Область движется снизу вверх.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
div#rr {
width:180px;
height:70px;
overflow:hidden;
overflow-style:marquee-block;
marquee-direction:reverse;
}
< /style>
< /head>
< body>
< p>В настоящее время не поддерживается ни одним из распространенных браузеров.< /p>
< div id="rr">
1 Этот текст превышает размеры блока 2 Этот текст превышает размеры блока 3 
Этот текст превышает размеры блока 4 Этот текст превышает размеры блока 5 
Этот текст превышает размеры блока 6 Этот текст превышает размеры блока
< /div>
< /body>
< /html>                      

Результат программы:

В настоящее время не поддерживается ни одним из распространенных браузеров.

1 Этот текст превышает размеры блока 2 Этот текст превышает размеры блока 3 Этот текст превышает размеры блока 4 Этот текст превышает размеры блока 5 Этот текст превышает размеры блока 6 Этот текст превышает размеры блока



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: