DIV标签随机方向移动

时间:2012-05-25 08:25:05

标签: jquery animation html

我正在尝试使用不同ID的div标签在随机/不同方向上移动。我怎样才能实现这一目标?以下是我的一些代码。好心提醒。

我已经指定了一个随机坐标,但它仍无法正常工作?

function runALl(item) {    
    var coordinates = Math.floor(Math.random()*101+1);
    var cycle1;
    //alert(item);
    (cycle1 = function() {
        var m = randomRange(coordinates,coordinates);
        var n = randomRange(coordinates,coordinates);
        item.animate({left:'+='+n},2000);
        item.animate({left:'+='+m, top:'+='+m}, 2000);
        item.animate({left:'-='+m, top:'+='+m}, 2000);
        item.animate({left:'-='+n},2000);
        item.animate({top:'-='+n},2000,cycle1)
    })();
}

1 个答案:

答案 0 :(得分:0)

您的coordinates变量未获得更新。

您不会移动div不同的id,项目不会随时更改

基于你提供的小提琴。移动仅在一个对象上连续完成。它也会在0 - 45 - 90 - 135 ......之间移动。因为您没有更新“随机”值。

发送div元素数组并迭代它们,为每个元素提供不同的随机值。 在每次使用之前更新随机值,否则它将保持不变。