水平片腕制服アニメーション

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); 
    } 
} 

注、私はあなたが、少なくとも私はそれを行うと、その後のためにそれを採用するだろうかアイデアを得ることを願っていますあなたの問題。