Javascript - 设置和控制滚动速度

Question

一直致力于在我的网站中实现滚动新闻行情。用JS控制滚动功能。我正在使用的代码如下，任何人都可以建议我如何设置和滚动股票滚动的速度吗？

$(function() {

    //cache the ticker to improve the performance of the page.  
    var ticker = $("#ticker");

    //wrap dt:dd pairs in divs to allow us to smooth our the animations
    ticker.children().filter("dt").each(function() {

      var dt = $(this),
        container = $("<div>");

      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.025;

      //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 news section scrolling
    animator(ticker.children(":first"));

    // users mouse enters the scrolling view
    ticker.mouseenter(function() {

      // Im stopping the animation when the mouse enters
      ticker.children().stop();

    });

    // the mouse now leaves the view
    ticker.mouseleave(function() {

      // begin the animating again of the scroller
      animator(ticker.children(":first"));

    });
  });

谢谢

Answer 1

仅仅复制和粘贴 JavaScript 代码可能是危险的事情。在从博客/教程中提取它之前，请确保您理解它。另外，你自己尝试过什么吗？只需阅读代码就可以清楚地了解答案：

duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;

将 0.025 更改为其他值将更改动画的持续时间。