2

我想在连续循环中从左到右平滑地为文本设置动画,谁能建议我这里是小提琴链接:http: //jsfiddle.net/yLNGn/3/

 $(document).ready(function () {
    $('.kp').animate({
        left: '10px'
    }, 600);
    $('.kp').delay(600).animate({
        left: '-128px'
    }, 600);
    $('.rp').delay(2000).animate({
        left: '10px'
    }, 600);
    $('.rp').delay(600).animate({
        left: '-108px'
    }, 600);
    $('.kpp').delay(4000).animate({
        left: '10px'
    }, 600);
});
4

3 回答 3

1

看这里就是答案。我用小提琴把它做成单独的函数,看这里。

function repeat() {
    $('.kp').animate({
    left: '10px'
}, 600);
$('.kp').delay(600).animate({
    left: '-128px'
}, 600);
$('.rp').delay(2000).animate({
    left: '10px'
}, 600);
$('.rp').delay(600).animate({
    left: '-108px'
}, 600);
$('.kpp').delay(4000).animate({
    left: '10px'
}, 600);
    $('.kpp').delay(600).animate({
        left:'-108px'
   },600 ,function() {
        repeat();
    });
}

小提琴

希望它可能会有所帮助。

于 2013-08-31T08:43:16.987 回答
1

好吧,您可以使用 setInterval 函数,或者如果您使用 jquery animate 方法的完整回调:

$(document).ready(function () {
  console.log('ready');

  var james = $('#bond');

  var right = function () {
    james.animate({left: '100px'}, 600, left);
  };

  var left = function () {
    james.animate({left: '0px'}, 600, right);
  };

  right();
});

这是完整的小提琴示例:http: //jsfiddle.net/yLNGn/32/

于 2013-08-31T09:24:59.987 回答
0

你考虑过使用这个 jQuery 插件吗?

于 2013-08-31T08:23:08.690 回答