Слайдер тегом marquee средствами html и css

Слайдер тегом marquee средствами html и css


Бился над созданием слайдера, который бы показывал определенный кастом в определеной последовательности, естественно с картинкой, титулом и возможно описанием! Придумал, вспомнил азы html!

Слайдеры представляют из себя чередование по одной и более превью к статьям и могут двигаться сами либо при помощи кнопок или ползунков. В HTML существует интересный тег, создающий бегущую строку, где можно выбрать скорость и направление. Остальное разукрасит CSS!

Документация на htmlbook

Если текст пустить в любую из 4- сторон, то он добегает до конца и бежит заново! Но в таком случаее будет пробел из текста по величине блока после окончания пробега и при каждом обновлении страницы. Этого можно избежать пустив текст в один бок и возвращая его в противоположную сторону.

<marquee direction="down" behavior="alternate" width="200px" height="350px" scrollamount="2" onmouseout="this.start()" onmouseover="this.stop()">

Тут любой текст, картинка, прочее!

</marquee>

onmouseout="this.start()" onmouseover="this.stop()" нужны для остановки прбега при наведении курсора мышки


Пример бегущей строки


Понравилась статья "Слайдер тегом marquee средствами html и css" из раздела Веб разработка » HTML/CSS? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 4492   Дата: 16-авг-2013, 22:46

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика