jquery marquee для поворота чередующихся предложений

Я сделал бегущую строку в HTML. У меня проблема в том, что он крутится только до половины второго предложения, а затем останавливается и снова перезапускается на хроме. В Firefox я получаю все предложения ниже другого. Кроме того, текст прокручивается довольно медленно, и я больше искал скользящий прикольный текстовый баннер для новостей и анонсов, а не это дерьмо.

Поэтому я погуглил и обнаружил, что jQuery — это то, что мне нужно, и что настройка массива и переменных может помочь. Дело в том, что я не нашел ничего, что мог бы использовать, кроме того, я мало что понимаю, кроме базовых модификаций HTML.

#marqs1 {
    padding: 0px;
    height: 30px;
    margin:0px;
}
#marqs2 {
    color: white;
    width: 100%;
    height: 100%;
    display: inline-block;
    margin-top: 18px;
}
#marqs2:hover {
    color: #e59834;
    text-decoration: none;
}
<marquee id="marqs1" behavior="scroll" direction="left" loop="0" onmouseover="this.stop();" onmouseout="this.start();">
    Welcome to XXXXXXXXXXXXXXX - Your Source for bla bla bla. Find the latest news <a id="marqs2" href="#################">here</a>
</marquee>

Sentence 2 XXXXXXXXXXXXXXX - contact us if you need help <a id="marqs2" href="#################">here</a></marquee>

Sentence 3 XXXXXXXXXXXXXXX - and so on bla bla bla <a id="marqs2" href="#################">here</a></marquee>

У кого-нибудь есть пример для меня, который я мог бы использовать и изменить? Заранее спасибо!


jquery marquee
person entaro adun    schedule 13.07.2015    source источник
comment
Использование marquee в HTML устарело (оно известно, что никто не знает, когда браузеры перестанут его поддерживать), вы можете использовать некоторые вставленные JS/CSS, например - jonathan-petitcolas.com/2013/05/06/   -  person areim    schedule 13.07.2015

Ответы (1)


arrow_upward
0
arrow_downward

Проверьте эту ссылку, я надеюсь, что это может помочь вам.

http://www.jqueryscript.net/rotator/Simple-Text-Slider-Rotator-with-jQuery-CSS.html

person soztrk    schedule 13.07.2015