以Javascript为中心的静态文本跳转

Question

我有一个通知栏，它在文本之间交替显示，但旁边也有静态文本。我想将文本居中，但是当动画文本旋转时，它显然会取代静态文本以重新定位整个字符串。

这是我正在使用的Javascript

var cnt=0, texts=[];

// save the texts in an array for re-use
$(".textContent").each(function() {
  texts[cnt++]=$(this).text();
});
function slide() {
  if (cnt>=texts.length) cnt=0;
  $('#textMessage').html(texts[cnt++]);
  $('#textMessage')
    .fadeIn('slow').animate({opacity: 1.0}, 5000).fadeOut('slow', 
     function() {
       return slide()
     }
  );      
}      
slide()

这是一个带有html和css

的JsFiddle

我希望实现的目的是让静态文本动画并滑过，而不是仅仅跳过。有人对此有任何见解吗？