Авторский знак. 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-style.

Свойство marquee-style устанавливает стиль анимации. Принимает следующие значения: scroll, slide, alternate, то есть свойство marquee-style определяет стиль движения бегущего контента в элементах с бегущим контентом на страницах сайта.

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


Синтаксис:

           marquee-style: scroll|slide|alternate;   

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

Значение Описание
scroll контент входит в пустой элемент постепенно, заполняет его и выходит из элемента полностью
slide контент входит в пустой элемент постепенно, заполняет его и выходит из элемента не полностью (конец контента заполнят элемент)
alternate начало контента заполняет элемент, он прокручивается до момента. когда конец контента заполняет элемент, а потом прокручивается в противоположную сторону до начальной точки


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

< !DOCTYPE>
< html>
< head>
< style >
div#rr {
width:180px;
height:70px;
overflow:hidden;
overflow-style:marquee-block;
marquee-style:slide;
}
< /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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: