javascript - 水平自动收报机被过早切断?

标签 javascript jquery html css

我已经实现了一个水平自动收报机,但是,它应该循环通过 <li>的,永不止步。似乎我在某处和 <li> 的末尾有错误的它在右边留下了一个不应该发生的黑色空间,它应该继续循环。我在这里做错了什么导致它不能像它应该的那样无限工作?

http://jsfiddle.net/UzrM5/

/* Horizontal Ticker */
jQuery.fn.racScroll = function(settings) {
        settings = jQuery.extend({
        travelocity: 0.07
        }, settings);       
        return this.each(function(){
                var $strip = jQuery(this);
                $strip.addClass("newsticker")
                var stripWidth = 1;
                $strip.find("li").each(function(i){
                stripWidth += jQuery(this, i).outerWidth(true); // thanks to Michael Haszprunar and Fabien Volpi
                });
                var $mask = $strip.wrap("<div class='mask'></div>");
                var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");                             
                var containerWidth = $strip.parent().parent().width();  //a.k.a. 'mask' width   
                $strip.width(stripWidth);           
                var totalTravel = stripWidth+containerWidth;
                var defTiming = totalTravel/settings.travelocity;   // thanks to Scott Waye     
                function scrollnews(spazio, tempo){
                $strip.animate({left: '-='+ spazio}, tempo, "linear", function(){$strip.css("left", containerWidth); scrollnews(totalTravel, defTiming);});
                }
                scrollnews(totalTravel, defTiming);             
                $strip.hover(function(){
                jQuery(this).stop();
                },
                function(){
                var offset = jQuery(this).offset();
                var residualSpace = offset.left + stripWidth;
                var residualTime = residualSpace/settings.travelocity;
                scrollnews(residualSpace, residualTime);
                });         
        }); 
};

    jQuery(function ($) {
    $("ul#feed").racScroll({travelocity: 0.05});
    }); 

最佳答案

这是由以下 css 引起的:

  margin-right: -15px;

关于javascript - 水平自动收报机被过早切断?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19260766/

相关文章:

javascript - addEventListener 随机工作,我不知道为什么

javascript - 是否可以将factory_girl.js 与茶匙一起使用?

Javascript - 如何访问事件函数中的对象属性?

javascript - AJAX 与 History.pushState

jquery 工具提示不同类型的单独延迟

javascript - 从多个输入字段填充字段?

javascript - 仅当值更改时才启用“提交”按钮

javascript - 如何使用 jQuery 在某些特定的 div 中选择具有相同名称的所有元素

javascript - 表单提交与 Javascript POST 请求

html - css 不透明度过渡不起作用