javascript - 滑动 div 从左到右，从右到左，然后使用 jquery 居中

Question

我在此包含消息中创建了带有 font-style 类的 div。例如:

<div class="font-style" style=position:relative>
Hi all How are you !!!
</div>

Jquery 是

   jQuery('.font-style').css({'right': '0px', 'left': '300px'}).animate({
                                    'right': '300px'
                                });
                                jQuery('.font-style').css({'right': '300px', 'left': '0px'}).animate({
                                    'left': '300px'
                                });

加载时它出现在中心，然后从右向左移动，然后从左向右移动。它工作完美，但我的问题是如何在它从左向右移动后使其成为中心。

Demo

Answer 1

  jQuery('.font-style').animate({
  'right': '300px'
  },'slow').animate({
  'left': '300px'
  },'slow').animate({
  'left': '0',
  'right': '0'
  });


<div style="width:100%" id="p">
<div class="font-style" style=position:relative>Hi all How are you !!!</div>
</div>


#p{text-align:center;}
font-style{
}

http://jsfiddle.net/LRSbZ/