javascript - 使用 jQuery 创建动画列表

Question

我有一个由分隔的文本列表<br/>，我想在每次点击事件后使用随机随机播放为它们中的每一个设置动画，每次点击后的顶部位置是随机确定的。

<html>
<body>
  <span id="text1">Text1</span>
  <span id="text2">Text2</span>
  <span id="text3">Text3</span>
</body>
</html>

score 1 · Accepted Answer

尝试这个

$('body').on('click',function(e){
    $('span').eq((e.pageX+e.pageY)%3).appendTo($('#container_div'));
    })

其中 container_div 是包含这些跨度的 div 的 id ....在这种情况下，您可以只使用“body”

好吧，实际上它不是随机的，但考虑到用户的鼠标点击是随机的，它会给出随机的结果......

如您所见，我将鼠标单击的 x 和 y 位置的总和取值为 3，然后选择该跨度（模数为 0,1 或 2）移动到列表顶部

1 回答 1