Простой маркер прокрутки влево вправо
-
21-09-2019 - |
Вопрос
Какой самый легкий маркер прокрутки влево-вправо вокруг?
Я бы предпочел, чтобы он "отскочил"...под этим я подразумеваю, что вместо того, чтобы ходить по кругу, было бы лучше, если бы он прокручивался влево до тех пор, пока все это не будет показано, а затем прокручивался вправо.
Я знаю, это своего рода ретро...Я подумываю о том, чтобы использовать его вместо усечения текста.
Спасибо.
Решение
Я предлагаю следующее Шелковистый Гладкий Шатер.
Он использует стандартный тег html marquee, поэтому он будет работать без включенного javascript.Однако при включенном javascript он использует jquery для улучшения выделения и предоставляет множество вариантов настройки.
Вот этот демонстрационная страница.
Другие советы
Вы должны быть в состоянии сделать это довольно просто с помощью jquery и некоторых css:
// HTML
<div id="myWrapperID" style="width: 300px;">
<div id="myElementID" style="float:left">[Lorem ipsum]</div>
</div>
// JS
(function (){
var ml,
elem = $('#myElementID'),
maxMarginLeft = $('#myWrapperID').width() - elem.width(),
doMarquee = function () {
ml = parseInt(elem.css('marginLeft'), 10) === 0 ? maxMarginLeft : 0;
elem.animate({ marginLeft: ml + 'px' }, doMarquee);
}
elem.css('marginLeft', '0px');
doMarquee();
}());