私は<br/>で区切られたテキストリストを持っています。それぞれのクリックイベントの後にランダムシャッフルを使用してそれぞれをアニメートしたいと思います。各クリック後のポストトップポジションはランダムに決定されます。jQueryでアニメーションリストを作成する
<html>
<body>
<span id="text1">Text1</span>
<span id="text2">Text2</span>
<span id="text3">Text3</span>
</body>
</html>
この場合には、あなただけの体 "
まあ実際に持っていないことができます.... container_divは、これらのスパンを含んでいるdiv要素のIDです。この
$('body').on('click',function(e){
$('span').eq((e.pageX+e.pageY)%3).appendTo($('#container_div'));
})
を試してみてくださいランダムですが、ユーザーのマウスクリックがランダムになることを考慮すると、ランダムな結果が得られます。
ご覧のとおり、マウスクリックのxとyの位置の合計を取って、 このスパン（モジュラスは0,1,2）を選択してリストの先頭に移動します