<!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-->