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

---

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

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

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

<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"-цвет фона блока;