水平单臂强盗动画

Question

我想创造一种类似水平单臂强盗游戏的东西。

我有12个元素彼此相邻放置，当我按下按钮时，我希望它们水平移动并停在随机位置。

你能就我如何做到这一点给我任何建议吗？

Answer 1

效率不高但你可以这样做：

var move = setInterval(animation, 50); //50 is only an example value

function animation(){
  $('yourDOMelement').css('transform', 'translateY(1px)'); //maybe -1 depends on direction...
  if(Math.random()*100==2){   //adjust the 100 to your needs
    clearInterval(move);
  }
}

请注意，代码未经测试，我希望您至少可以了解我将如何操作，然后将其用于您的问题。