jquery marquee to rotate alterning sentences

I’m not much of a coder and hope someone here can help me with my problem.

I made a marquee in HTML

    <style>

#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;

}
</style>

<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>

The problem i have is that it spins only to the half of the second sentence and then stops and restarts again, on chrome. On firefox i get all sentences on below another. Besides that the text scrolls pretty laggy and stucking, and I was more looking for a sliding cool text banner for news an announcements, not that crap.

So I googled and found that jquery is what I need and that setting an array and variables could help. Thing is I didn’t find anything I could use, besides I dont really understand much beyond basic HTML modifications.

Does somebody have an example for me that I could use and modify?
Thanks in advance!


Source: jquery

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.