1

我试图在本网站大部分页面的右侧列上做一个代码：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 类型的东西！谢谢！

4

1 回答 1

1

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

于 2013-06-29T14:32:35.983 回答