Simple esquerda para a direita rolando marquise
-
21-09-2019 - |
Pergunta
Qual é a letra de rolagem esquerda mais leve do que a esquerda do mundo?
Eu preferiria se 'saltar' ... com isso quero dizer, em vez de dar um loop, seria melhor que ele rolasse à esquerda até que tudo fosse mostrado e depois rolado para a direita.
Eu sei que é meio retrô ... Estou pensando em usá -lo em vez de truncar texto.
Obrigado.
Solução
Eu sugiro o Marquise suave e sedosa.
Ele usa a tag HTML padrão, para que funcione sem JavaScript ativado. No entanto, com o JavaScript ativado, ele usa o jQuery para aprimorar a marquise e fornece muitas opções de personalização.
Aqui está o página de demonstração.
Outras dicas
Você deve ser capaz de fazer isso bastante simples com o jQuery e alguns 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();
}());
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow