我正在使用一个带有图像的div.我需要动画从页面的左右滚动然后回到右边并继续循环.我在这里看了很多帖子,但是我无法让脚本正常工作.
'$(document).ready(function(){
function loop() {
$('#clouds').animate({left: '+=1400',},50000,'linear',function(){
loop();
});
HTML
< div id="clouds">< img border="0" alt="animated clouds" src="/images/clouds.png" />< /div>
CSS
#clouds {
position:absolute;
z-index:500;
right:0px;
top:10px;
}
解决方法
试试这个：
JSfiddle http://jsfiddle.net/2YqH2/
你不是把云移回右边.在循环函数内部,我补充道
$('#clouds').css({right:0});
循环将从那里继续.我还改变了你的动画来动画“右”属性,因为你说你希望云从右向左移动.
此外,您的JavaScript格式不正确.确保你得到那些结束括号和括号！这是固定的javascript.
$(document).ready(function() {
function loop() {
$('#clouds').css({right:0});
$('#clouds').animate ({
right: '+=1400',5000,function() {
loop();
});
}
loop();
});