Бегущие строки и изображения в разных направлениях движениия



Бегущие строки и изображения на фоне, в рамках и в разных направлениях движения



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

Не учи меня жить-лучше помоги материально. Цитата из кинофильма "Москва слезам не верит"

<marquee>простая бегущая строка</marquee></div>

текст бегущей строки справа налево

<marquee behavior="scroll" height="" scrollamount="3" width="">текст бегущей строки справа налево</marquee>

текст бегущей строки слева направо
<marquee behavior="scroll" direction="right" height="100" scrollamount="7" width="500">текст бегущей строки слева направо</marquee>

текст бегущей строки сверху вниз
<marquee behavior="scroll" scrollAmount="3" width="" height="" direction="down">текст бегущей строки сверху вниз</marquee> 

текст бегущей строки снизу вверх
<marquee behavior="scroll" direction="up" scrollAmount="3" width="" height="">текст бегущей строки снизу вверх</marquee> 

текст бегущей строки влево вправо

<marquee behavior="alternate" scrollAmount="5" width="" height="">текст бегущей строки влево вправо</marquee>

текст бегущей строки,останавливается при наведении мыши

<marquee behavior="scroll" align="middle" direction="left" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()" style="color:#0f66bd;">текст бегущей строки, останавливается при наведении мыши</marquee>

<marquee width="300px" height="20px">можно изменить размер блока строки</marquee>


Бегущие строки на заданном Вами фоне и размерах блока

<marquee bgcolor="#EEEEEE" width="300px" height="20px">можно изменить фон блока</marquee>


<marquee direction="right"  bgcolor="#FFDEAD" width="300px" height="20px">бегущая строка слева направо</marquee>


<marquee behavior="alternate" bgcolor="#eeeeee" width="300px" height="20px" >постоянное движение</marquee>


<marquee direction="up" bgcolor="#EEEEEE" width="150px" height="50px">бегущая строка снизу вверх</marquee>


<marquee direction="down" bgcolor="#00FF33" width="250px" height="50px">бегущая строка сверху вниз</marquee>


Ваши картинки в рамках   

<img src="http://адрес картинки" style="border: 3px #0e5198 double;" /></div>
 двойная рамка с картинкой


<img src="http://адрес картинки" style="border: 3px #9b089e dashed;" />
 пунктирная рамка

<img src="http://адрес картинки" style="border: 3px #0e5198 groove;" /> 
вогнутая рамка

<img src="http://адрес изображения" style="border: 3px #0e5198 ridge;" />
 выпуклая рамка

<img src="http://адрес изображения" style="border: 3px #0e5198 solid;" /> 
сплошная рамка

<img src="http://адрес изображения" style="border: 3px #0e5198 dotted;" /> 
точечная рамка


ваш текстваш текстваш текстваш текст
<marquee bgcolor="pink" width="25%">ваш текст</marquee><marquee bgcolor="aqua" width="25%" direction="right">ваш текст</marquee><marquee bgcolor="silver" width="25%">ваш текст</marquee><marquee bgcolor="aqua" width="25%" direction="right">ваш текст</marquee>

Настройки

scrollamount="3"-скорость строки или изображения; width="300px" height="20px"-ширина и высота фона блока; border: 3px-размер окантовки рамки; bgcolor="#EEEEEE"-цвет фона блока;



Автор статьи ✎ Olga Protasova Выпуск ✹ 2/06/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *