动画绝对div到左:0然后到右:0并循环

文章

好的,我知道如何对div进行动画处理并循环播放动画和内容,但这确实让我感到不安,我想对div进行动画处理left:0;然后对right:0;动画进行循环播放,这样就不起作用了……为什么?

我该怎么做呢?..

PS:显然,jquery无法为从left:0到right:o的绝对容器设置动画,但是如何获得所需的动画?

例子:

这样的事情将无法正常工作...:

$(document).ready(function() {   
function animateMydiv() {
$('#mydiv').animate({'left':'0px'},6000).animate({'right':'0px'},6000, animateMydiv); 
}

animateMydiv();
}); 

这是jsfiddle

据我了解在CSS中的定位,您不能同时设置arightleft值。

因此,我提出以下建议。只需将其移动到文档末尾减去元素的宽度即可:

$(document).ready(function() {

  var width = $(document).width() - $('#mydiv').width();

  function animateMydiv() {
    $('#mydiv').animate({'left': width + 'px'}, 6000).animate({'left': '0px'}, 6000);

  }

  animateMydiv();

}); 

查看小提琴:http : //jsfiddle.net/bc927afp/1/

而且,如果您希望它是无止境的,请保留该函数,如您在示例中那样: $('#mydiv').animate({'left': width + 'px'}, 6000).animate({'left': '0px'}, 6000, animateMydiv);

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Chrome中从右:0到左:0动画绝对对象

来自分类Dev

为什么“位置:绝对;左:0;右:0;宽度:XYpx;边距:0自动”实际上居中?

来自分类Dev

Java for循环从0到0

来自分类Dev

Java for循环从0到0

来自分类Dev

位置:绝对和左:0 不把 ul 放在左边

来自分类Dev

动画两个div以无限地从右向左循环

来自分类Dev

WPF动画从0到自动的StackPanel的宽度?

来自分类Dev

CAShapeLayer动画(弧度从0到最终大小)

来自分类Dev

Python 循环 N 到 0 或 -N 到 0

来自分类Dev

将DIV动画化到页面底部,然后再次单击动画以动画化到顶部

来自分类Dev

父级中的两个div(左,右),宽度固定的右,左填充可用空间,都在同一行中。(无相对/绝对位置)

来自分类Dev

如何使用javascript从左至右然后向下移动div

来自分类Dev

左流体div,中心伸展到最大宽度div,右流体div

来自分类Dev

在片段之间滑动左/右动画

来自分类Dev

UIpagecontrol需要动画从右到右

来自分类Dev

循环播放动画,然后停止

来自分类Dev

从左到中创建动画

来自分类Dev

动画div从高度:0px到第一次单击时自动失败

来自分类Dev

如何确定张量是从0到N`True`s的序列,然后是从0到N`False`s的序列?

来自分类Dev

什么时候从0循环到结束,什么时候从0循环到结束?

来自分类Dev

位置:绝对值,无上/左/下/右值

来自分类Dev

为视图的Alpha设置从0到0.5的动画

来自分类Dev

CSS动画-图像宽度从0到100%移动差异

来自分类Dev

循环div动画

来自分类Dev

将右div浮动到左div

来自分类Dev

左右浮动:左div在右div下方

来自分类Dev

将右div环绕左div

来自分类Dev

什么可以防止位置:相对 左:0;右:200px;从影响元素的宽度?

来自分类Dev

管道输出到stdout,然后到命令,然后到变量

Related 相关文章

  1. 1

    在Chrome中从右:0到左:0动画绝对对象

  2. 2

    为什么“位置:绝对;左:0;右:0;宽度:XYpx;边距:0自动”实际上居中?

  3. 3

    Java for循环从0到0

  4. 4

    Java for循环从0到0

  5. 5

    位置:绝对和左:0 不把 ul 放在左边

  6. 6

    动画两个div以无限地从右向左循环

  7. 7

    WPF动画从0到自动的StackPanel的宽度?

  8. 8

    CAShapeLayer动画(弧度从0到最终大小)

  9. 9

    Python 循环 N 到 0 或 -N 到 0

  10. 10

    将DIV动画化到页面底部,然后再次单击动画以动画化到顶部

  11. 11

    父级中的两个div(左,右),宽度固定的右,左填充可用空间,都在同一行中。(无相对/绝对位置)

  12. 12

    如何使用javascript从左至右然后向下移动div

  13. 13

    左流体div,中心伸展到最大宽度div,右流体div

  14. 14

    在片段之间滑动左/右动画

  15. 15

    UIpagecontrol需要动画从右到右

  16. 16

    循环播放动画,然后停止

  17. 17

    从左到中创建动画

  18. 18

    动画div从高度:0px到第一次单击时自动失败

  19. 19

    如何确定张量是从0到N`True`s的序列,然后是从0到N`False`s的序列?

  20. 20

    什么时候从0循环到结束,什么时候从0循环到结束?

  21. 21

    位置:绝对值,无上/左/下/右值

  22. 22

    为视图的Alpha设置从0到0.5的动画

  23. 23

    CSS动画-图像宽度从0到100%移动差异

  24. 24

    循环div动画

  25. 25

    将右div浮动到左div

  26. 26

    左右浮动:左div在右div下方

  27. 27

    将右div环绕左div

  28. 28

    什么可以防止位置:相对 左:0;右:200px;从影响元素的宽度?

  29. 29

    管道输出到stdout,然后到命令,然后到变量

热门标签

归档