滑动div使用jquery在左右居中后向左,向右,向左移动

维格内什·皮卡马尼(Vignesh Pichamani)

我在包含消息中使用字体样式类创建了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'
                                });

在“加载”中,它显示为居中,然后从右移到左,然后从左移到右。它工作完美,但我的问题是在它从左向右移动后如何使其居中。

演示版

用户名
  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/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么不能在“ div”内将图像居中,而“ float”向右或向左移动?

来自分类Dev

将div居中,并将新行div向左移动

来自分类Dev

UIImageView在向右动画之前向左移动

来自分类Dev

向左滑动比向右滑动

来自分类Dev

向左滑动比向右滑动

来自分类Dev

jQuery向左滑动和向右滑动

来自分类Dev

使用jQuery从右向左滑动DIV

来自分类Dev

向左移动太快,根本不向右移动

来自分类Dev

加载页面时,如何使用JQuery向左移动(隐藏)<div>?

来自分类Dev

向左滑动移动菜单,然后使用JQuery向下滑动

来自分类Dev

div不会向左移动或响应定位

来自分类Dev

向左移动导航

来自分类Dev

向左移动敌人

来自分类Dev

向左移动行

来自分类Dev

我的数组索引是向右或向左移动了吗?

来自分类Dev

每次单击按钮时向右/向左移动

来自分类Dev

图像根据调整大小不断向右或向左移动

来自分类Dev

功能向左滑动/向右滑动

来自分类Dev

使用C向左移动“半字节”

来自分类Dev

向左/向右滑动div,而不是向上/向下滑动

来自分类Dev

使用向左/向右滑动在Subway Surf中像游戏一样移动玩家

来自分类Dev

如何向左和向右滑动

来自分类Dev

viewpager屏幕向右或向左滑动?

来自分类Dev

如何向左和向右滑动

来自分类Dev

键盘事件:将div向左移动,并在按下键的同时向左移空白

来自分类Dev

ActionBar徽标向左移动

来自分类Dev

CSS滑块向左移动

来自分类Dev

图例向左移动ggplot

来自分类Dev

在JPanel中向左移动