jQuery를 애니메이션

Question

내가 오른쪽 문자 ("내 고정 텍스트") 그것으로 정렬해야하는 동안 왼손 사이트의 텍스트가 정상에 지속적으로 아래로 이동한다 애니메이션의 위의 종류를 생성해야하고 그 텍스트는 고정되어 있습니다 (움직이지 않음). 어떻게 jQuery를 사용하여 그것을 얻을 수 있습니까?

이 링크를 보았지만 정확히는 아닙니다. JSFiddle

var ticker = $('#ticker'); 
var container = $('#ticker > div'); 
var spacing = ticker.outerHeight() - ticker.height(); 

function animator(currentItem) { 
    var distance = currentItem.outerHeight() + spacing; 

    var currentTop = parseInt(container.css('margin-top'), 10); 

    var duration = (distance + currentTop)/0.05; 

    container.animate({ marginTop: -distance}, duration, "linear", function() { 
     var parent = currentItem.parent(); 

     currentItem.detach(); 
     parent.css("marginTop", 5); 

     parent.append(currentItem); 
     animator(parent.children(":first")); 
    }); 
}; 

Answer 1

왼쪽 및 오른쪽 열이 있어야합니다. 오른쪽 열은 왼쪽 열 옆에 뜨다.

내가 뭔가를 잘못 쓰기 죄송합니다 사람이 병렬 사업부에 고정 된 텍스트를 입력하도록합니다 http://jsfiddle.net/e8svLggw/4

var initCarroussel = function(selector, period) 
{ 
    var containerEl = $(selector); 
    var animating = false; 
    setInterval(function(){ 

     if(animating){ 
      return; 
     } else { 
      animating = true; 
     } 

     // Clone the first item 
     var carrousselEl = containerEl.find('.carroussel'); 
     var firstEl   = carrousselEl.children().first(); 
     var clonedEl  = firstEl.clone(); 

     carrousselEl.append(clonedEl); 

     carrousselEl.animate({ 
      marginTop: [0 -30] 
     },period-100,'swing',function(){ 
      firstEl.remove(); 
      carrousselEl.css('margin-top', 0); 
      animating = false; 
     }); 

    },period); 
} 

$(function(){ 
    initCarroussel('#myCarroussel', 1000); 
});