创建动画列表使用jQuery

我有<br/>分隔的文本列表，我想使用每次点击事件发生后随机洗牌动画他们每个人，每次点击后的后顶部位置是随机确定的。创建动画列表使用jQuery

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

2012-04-11 FEED-BABE

试试这个

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

其中container_div是包含这些跨度的div ID ....在这种情况下，你可以有“体”

嗯，事实上它不是随机的，但考虑到用户的鼠标点击会随机它将给随机结果...

正如你可以看到我拍X和点击鼠标的y位置的总和，并通过3取模拣选跨度（模量将或者0,1或2）移动到所述列表的顶部

2012-04-11 09:15:33

回答