jquery – Animate绝对div到左边：0然后到右边：0和循环

2024年2月1日 294次阅读

好吧,我知道如何动画div和循环动画和东西,但这真的让我神经紧张,我想动画div左边：0;然后到右边：0;并循环动画,它不会像这样工作…为什么？

我该怎么做呢？..

PS：显然jquery不能从左边动画一个绝对容器：0到右：o …但是我怎样才能得到想要的动画？

例：

这样的东西不起作用……：

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

animateMydiv();
});

这是jsfiddle.

最佳答案 据我所知,在CSS中定位,你不能同时设置右边和左边的值.

所以我建议如下.只需将其移动到文档的末尾减去元素的宽度：

$(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);

点赞