javascript - 使用 jQuery 创建动画列表

我有一个由 <br/> 分隔的文本列表，我想在每次点击事件后使用随机洗牌为他们每个人制作动画，每次点击后的 post-top 位置是随机确定的。

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

最佳答案

试试这个

$('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)移至列表顶部

关于javascript - 使用 jQuery 创建动画列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10101485/