Если текст известен и никогда не изменится, вы могли бы использовать некоторые CSS3: переход и текст-тень и сделать его слайд с текстом отступа, например:
p {
text-shadow:35em 0 0;/* equal to length of text */
width:15em;
white-space:nowrap;
overflow:hidden;
animation: marqueeme 3s infinite;
margin:auto;
background:yellow;
border:solid red;
}
@keyframes marqueeme {
to {text-indent:-35em;
}
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
Смотрите и проверить: http://codepen.io/gc-nomade/pen/wGtmy
Вы должны использовать EM значения для MATC h с текстовым размером, вам также может понадобиться сбросить расстояние между буквами. Он может сломаться, если текст изменится или с некоторыми шрифтами.
Возможный дубликат http://stackoverflow.com/questions/10547797/very-simple-very-smooth-javascript-marquee – Kushal