JSFiddle - React, Tailwind, and code Playground

by Ben Clayton

HTML

<!-- START OF TICKER -->
				<div id="iemarquee_outer" style="position:absolute;top:60px;left:335px;height:24px;width:395px;overflow:hidden;">
					<div id="iemarquee" class='caption' onmouseover="if(pauseit){copyspeed=pausespeed;}" onmouseout="if(pauseit){copyspeed=marqueespeed;}" style="position:absolute;top:0px;left:-200px;height:24px;"><a href="$link" title='click here for more information'>FOG FOG</a></div>
				</div>

JavaScript

var marqueewidth="370px";		//Specify the marquee's width (in pixels)
					var marqueeheight="25px";		//Specify the marquee's height
					var marqueespeed=2;				//Specify the marquee's marquee speed (larger is faster 1-10)
					var marqueebgcolor="#DEFDD9";	//configure background color:
					var pauseit=1;					//Pause marquee onMousever (0=no. 1=yes)?

					////NO NEED TO EDIT BELOW THIS LINE////////////
					marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1); //slow speed down by 1 for NS
					var copyspeed=marqueespeed;
					var pausespeed=(pauseit==0)? copyspeed: 0;
					var iedom=document.all||document.getElementById;

					var actualwidth=''
					var cross_marquee, ns_marquee

					function populate(){
						if (iedom){
							cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
							cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
							actualwidth=document.all? iemarquee_outer.offsetWidth : document.getElementById("iemarquee").offsetWidth;
							//alert(actualwidth);
						}else if (document.layers){
							ns_marquee=document.ns_marquee.document.ns_marquee2
							ns_marquee.left=parseInt(marqueewidth)+8
							actualwidth=ns_marquee.document.width
						}
						lefttime = setInterval("scrollmarquee()",20)
					}


					function scrollmarquee(){
						if (iedom){
							if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))	cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px";
							else															cross_marquee.style.left=parseInt(marqueewidth)+8+"px";
						}else if (document.layers){
							if (ns_marquee.left>(actualwidth*(-1)+8))						ns_marquee.left-=copyspeed;
							else															ns_marquee.left=parseInt(marqueewidth)+8;
						}
					}

populate()