Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
<div class="marquee">Какой-либо текст.</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.Marquee/1.5.0/jquery.marquee.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script>
$(function(){
$('.marquee').marquee({
//если хотите всегда анимировать при помощи jQuery
allowCss3Support: true,
//работает, когда allowCss3Support установлено в true - смотрите полный список http://www.w3.org/TR/2013/WD-css3-transitions-20131119/#transition-timing-function
css3easing: 'linear',
//требует jQuery easing плагин. По умолчанию - 'linear'
easing: 'linear',
//приостанавливает время перед стартом следующей анимации в миллисекундах
delayBeforeStart: 1000,
//'left', 'right', 'up' or 'down'
direction: 'left',
//true или false - должен ли marquee быть дублирован для эффекта продолжающегося потока
duplicated: false,
//скорость marquee в миллисекундах
duration: 5000,
//расстояние в пикселях между бегущими строками