Ok, I messed with techryan’s link and stripped away the fat and left what little I understood and “normalized” some of the code to make it generic. I’ll include the html below. Hope it helps.
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript">
$(function(){
var speed = 50;
var delay = 300;
var mheight = $("#marquee").attr("height");
var kjoer;
$("<div></div>").addClass("alternate").height(mheight).css("position", "relative").css("overflow", "hidden").appendTo("body");
$("<div></div>").addClass("scroller").css({"position": "absolute", "top": "0px"}).appendTo(".alternate");
$("#marquee").hide().children().appendTo("div.scroller");
var dim = $(".scroller").clone().appendTo(".alternate").height();
$(".scroller:eq(1)").css("top", dim);
function scroll(){
$(".scroller").each(function(){
var a = parseInt($(this).css("top"));
$(this).css("top", a-1);
if (a<(0-dim)) tick($(this));
});
};
function tick(obj){
obj.css("top", dim);
};
function wait(){
kjoer = setInterval(scroll, speed);
}
var go = setTimeout(wait,delay)
$(".scroller").hover(function(){clearTimeout(go); clearInterval(kjoer);}
,function(){kjoer = setInterval(scroll, speed);})
});
</script>
</head>
<body>
<h2>Header</h2>
<div height="900" id="marquee">
<div class="article">Test1</div>
<div class="article">Test2</div>
<div class="article">Test3</div>
<div class="article">Test4</div>
<div class="article">Test5</div>
<div class="article">Test6</div>
<div class="article">Test7</div>
<div class="article">Test8</div>
<div class="article">Test9</div>
<div class="article">Test10</div>
</div>
</body>
</html>
