Строка с атрибутом behavior="alternate"
Строка с атрибутом behavior="scroll" direction="down"
Строка с атрибутом behavior="scroll" direction="left"
Строка с атрибутом behavior="scroll" direction="right"
Строка с атрибутом behavior="scroll" direction="up"
Строка с атрибутом scrolldelay="500"
Строка с атрибутом scrollamount="10"
Бегущий элемнет div

Код HTML бегущей строки:

<!DOCTYPE html><!--html5-->



<html lang="ru"><!--html для русских-->



<head><!--метаданные страницы-->



<meta charset="utf-8"/><!--кодировка-->

<!--[if IE]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]--><!--для IE правильный скрипт-->



<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><!--предпочтения браузера-->

<meta name="viewport" content="width=device-width, initial-scale=1.0"><!--начальный масштаб для не адаптивных страниц-->

<META NAME="AUTHOR" CONTENT="Alexander Kosolapov">

<title>Бегущая строка</title><!--имя страницы-->

<meta name="description" content="Бегущая строка"/><!--для поисковых систем-->



<STYLE TYPE="text/css">

<!--

@page { margin: 0.5in }

P { margin-bottom: 0.08in; direction: ltr; widows: 2; orphans: 2 }

A:link { color: #0000ff; so-language: zxx }

-->

</STYLE>



<STYLE TYPE="text/css"><!--стили страницы-->



body{/*картинка на всех главных страницах*/

background-color:#F8F8F8;/*фон страницы*/

z-index:1;/*1 слой*/

}

.v1{/*блок примеров 1*/

border:5px solid #ccc;/*толщина рамки цвет*/

width:99%;/*ширина блока*/

height:99%;/*высота блока*/

background-color:#fff;/*фон*/

margin:avto;/*внешние отступы*/

position:relative;/*позиционирование*/

z-index:2;/*слой 2*/

}

.quote{/*цитаты*/

background:#ffc;/*фон*/

border:1px dashed #69f;/*толщина рамки цвет*/

padding:1px;/*внутренние отступы*/

font:bold 1em Verdana;/*шрифт*/

color:#333;/*цвет шрифта*/

}

.red{

color:#f00;/*цвет шрифта*/

}

.violet{

color:#90f;/*цвет шрифта*/

}

.blue{

color:#00f;/*цвет шрифта*/

}



</STYLE><!--/стили страницы-->



</head><!--/метаданные страницы-->



<body>



<div class="v1"><!--блок примеров-->



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px" behavior="alternate">Строка с атрибутом <span class="red">behavior=</span><span class="violet">"alternate"</span></marquee>

</div><!--закрытие блок примеров-->



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px" behavior="scroll" direction="down">Строка с атрибутом <span class="red">behavior=</span><span class="violet">"scroll"</span> <span class="red">direction=</span><span class="violet">"down"</span></marquee>

</div>



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px" behavior="scroll" direction="left">Строка с атрибутом <span class="red">behavior=</span><span class="violet">"scroll"</span> <span class="red">direction=</span><span class="violet">"left"</span></marquee>

</div>



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px" behavior="scroll" direction="right">Строка с атрибутом <span class="red">behavior=</span><span class="violet">"scroll"</span> <span class="red">direction=</span><span class="violet">"right"</span></marquee>

</div>



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px" behavior="scroll" direction="up">Строка с атрибутом <span class="red">behavior=</span><span class="violet">"scroll"</span> <span class="red">direction=</span><span class="violet">"up"</span></marquee>

</div>



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px" scrolldelay="500">Строка с атрибутом <span class="red">scrolldelay=</span><span class="violet">"500"</span></marquee>

</div>



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px" scrollamount="10">Строка с атрибутом <span class="red">scrollamount=</span><span class="violet">"10"</span></marquee>

</div>



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="30px"><div style="width:200px" class="quote">Бегущий элемнет <span class="blue">div</span></div></marquee>

</div>



<div class="quote"><!--cтрока примера-->

<marquee width="98%" height="40px"><img src="img/st.png"></marquee>

</div>



</div><!--/блок примеров-->



</body><!--закрытие тела страницы-->



</html><!--закрытие кода html-->