$(function () { //cache the ticker var ticker = $("#ticker"); //wrap dt:dd pairs in divs ticker.children().filter("dd").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.020; //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")); }); }); $(function () { //cache the ticker var ticker = $("#ticker1"); //wrap dt:dd pairs in divs ticker.children().filter("dd").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.020; //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")); }); }); $(function () { //cache the ticker var ticker = $("#ticker2"); //wrap dt:dd pairs in divs ticker.children().filter("dd").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.030; //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")); }); });