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/

Answer 2

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

滑动div使用jquery从左到右，从右到左移动到中心后

2 个答案: