2013-02-08 100 views
1

我想修改此滾動條以循環方式連續循環,而不是等待最後一個元素,然後再次開始滾動。圓形水平縱向滾動條

jQuery.fn.liScroll = function(settings) { 
     settings = jQuery.extend({ 
      travelocity: 0.07 
     }, settings);  
     return this.each(function(){ 
       var $strip = jQuery(this); 
       $strip.addClass("newsticker") 
       var stripWidth = 20; 
       $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);});//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); 
       });   
     }); 
}; 

回答