I have used below code to show a scrolling text in a content editor web part on my home page in SPO team site. [ very similar to marquee tag. We can’t use marquee as W3C standards doesn’t support!]
<p><b id='banner'></b></p> <script> var newBanner=0; function runOnLoad(){ var bannerImg = new Array(); var bannerLink = new Array(); var herelink="http://google.com"; var linktext= "here"; bannerImg[0]="welcome1"; bannerImg[1]="Welcome2 Click " + linktext.link('https://https://twitter.com/sundarpichai ') + " to know more abt Sundar"; var totalBan = bannerImg.length; newBanner++; if (newBanner == totalBan) { newBanner = 0; } document.getElementById('banner').innerHTML="<Span style ='font-weight: bold; font-family:arial;font-size:22pt;'>"+bannerImg[newBanner]+"</span>"; setTimeout("runOnLoad()", 4*1000); } _spBodyOnLoadFunctionNames.push("runOnLoad"); </script>
but i am not getting how to make this scrolling text,on a vertical manner.
Also would like to know how to read from an announcements list, if my scrolling text is dynamic.[Currently its set as Static text].
Also if there exist,any other free jQuery plugins,I can use it for scrolling text?.