// javascript document $(function() { //cache the ticker var ticker = $("#ticker"); //wrap dt:dd pairs in divs ticker.children().filter("dt").each(function() { var dt = $(this), container = $("
"); dt.next().appendto(container); dt.prependto(container); container.appendto(ticker); }); //hide the scrollbar ticker.css("overflow", "hidden"); //animator function function animator(currentitem) { //work out new anim duration var distance = currentitem.height(); duration = (distance + parseint(currentitem.css("margintop"))) / 0.010; //animate the first child of the ticker currentitem.animate({ margintop: -distance }, duration, "linear", function() { //move current item to the bottom currentitem.appendto(currentitem.parent()).css("margintop", 0); //recurse animator(currentitem.parent().children(":first")); }); }; //start the ticker animator(ticker.children(":first")); //set mouseenter ticker.mouseenter(function() { //stop current animation ticker.children().stop(); }); //set mouseleave ticker.mouseleave(function() { //resume animation animator(ticker.children(":first")); }); });