好的,我知道如何对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中的定位,您不能同时设置aright
和left
值。
因此,我提出以下建议。只需将其移动到文档末尾减去元素的宽度即可:
$(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] 删除。
我来说两句