幻灯片div使用jquery从左到右，从右到左，并在它处于中心位置之后移动。

Question

我在这个包含消息中创建了带有字体样式类的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/

Answer 2

试试这个演示Here，这对你更有帮助