Question

我试图在本网站的大多数页面的右栏上创建一个滚动条：http://www.black-kite.co.uk/services [例如]。

部分工作。由于某种原因，自动收报机没有到达最后一个项目的底部，并停止旋转。我想让它在无限循环中旋转。

使用的jquery在这里：

$(function() {  

  //cache the ticker  
  var ticker = $("#ticker");  

  //wrap dt:dd pairs in divs  
  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 - Math.abs(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 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"));  
});  

});

我还制作了一个jsfiddle：http://jsfiddle.net/BsjpV/

我会感激任何帮助或指针，我只是学习jquery / javascript类型的东西！谢谢！

Answer 1

无意中注释掉的代码行是造成问题的原因......

Ticker不会循环并在到达底部之前停止

1 个答案: